PWA — łatwa droga do Progresywnej Aplikacji Internetowej

Opis

Progressive Web Apps (PWA) to technologia, która łączy w sobie to, co najlepsze w internecie mobilnym i najlepsze w aplikacjach mobilnych, w celu stworzenia doskonałego doświadczenia w sieci mobilnej. Są instalowane w telefonie jak zwykła aplikacja (aplikacja internetowa) i można uzyskać do nich dostęp z ekranu głównego.

Użytkownicy mogą wrócić do witryny, uruchamiając aplikację z ekranu głównego i wchodzić w interakcję z witryną za pośrednictwem interfejsu podobnego do aplikacji. Powracający odwiedzający doświadczą niemal natychmiastowego czasu ładowania i będą cieszyć się wspaniałymi zaletami wydajności PWA!

iWorks PWA ułatwia błyskawiczną konwersję witryny WordPress na progresywną aplikację internetową!

Po zainstalowaniu wtyczki użytkownicy przeglądający witrynę z obsługiwanego urządzenia mobilnego zobaczą powiadomienie „Dodaj do ekranu głównego” (u dołu ekranu) i będą mogli „zainstalować witrynę” na ekranie głównym swojego urządzenia.

iWorks PWA pozwala na dodanie menu kontekstowego, które będzie wyświetlane przez system operacyjny, gdy użytkownik wejdzie w interakcję z ikoną aplikacji webowej.

iWorks PWA jest łatwy w konfiguracji, konfiguracja progresywnej aplikacji internetowej zajmuje mniej niż minutę!

Zrzuty ekranu

  • Konfiguracja ogólna.
  • Konfiguracja generyczna.
  • Konfiguracja Appla.
  • Konfiguracja Microsoftu.
  • Instalacja aplikacji na Androidzie.
  • Menu kontekstowe na Androidzie.

Instalacja

Istnieją trzy sposoby instalacji wtyczki:

1. Super łatwo

  1. W swoim kokpicie administrator przyjedz do Wtyczki > Dodaj nową.
  2. Wyszukaj iWorks PWA.
  3. Kliknij żeby zainstalować.
  4. Włącz wtyczkę.
  5. W menu administratora Ustawienia pojawiła się nowa pozycja PWA.
  6. Nowa lokalizacja Menu kontekstowe PWA w Wyświetl lokalizacja pojawi się w Wygląd -> Menu.

2. Łatwo

  1. Pobierz wtyczkę (plik zip) z prawej kolumny na stronie.
  2. W swoim kokpicie administrator przyjedz do Wtyczki > Dodaj nową.
  3. Wybierz przycisk Wyślij wtyczkę na serwer.
  4. Prześlij właśnie pobrany plik .zip.
  5. Włącz wtyczkę.
  6. W menu administratora Ustawienia pojawiła się nowa pozycja PWA.
  7. Nowa lokalizacja Menu kontekstowe PWA w Wyświetl lokalizacja pojawi się w Wygląd -> Menu.

3. Stary i niezawodny sposób (FTP)

  1. Prześlij folder iworks-pwa do katalogu /wp-content/plugins /.
  2. Włącz wtyczkę z menu „Wtyczki” w WordPressie.
  3. W menu administratora Ustawienia pojawiła się nowa pozycja PWA.
  4. Nowa lokalizacja Menu kontekstowe PWA w Wyświetl lokalizacja pojawi się w Wygląd -> Menu.

Najczęściej zadawane pytania

Jak mogę przetłumaczyć dane w manifest.json?

Możliwe tylko z pakietem WPML.

  1. Zainstaluj i włącz wtyczki: WPML Multilingual CMS oraz WPML String Translation.
  2. Zapisz ustawienia manifest.json w WP Admin -> Ustawienia -> WPA.
  3. Otwórz WP Admin -> WPML -> Tłumaczenie wyrażeń.
  4. Wybierz domenę iworks-pwa.
  5. Tłumaczenie wyrażeń.

Jak można dodać kontekstowe menu?

Menu kontekstowe definiuje skróty lub odnośniki do kluczowych zadań lub stron w aplikacji internetowej. Klient użytkownika może użyć tych wartości do utworzenia menu kontekstowego, które będzie wyświetlane przez system operacyjny, gdy użytkownik wejdzie w interakcję z ikonką aplikacji internetowej.

  1. Zainstaluj wtyczkę Ikonki menu od ThemeIsle.
  2. Przejdź do WPA ->Wygląd -> Menu.
  3. Otwórz „Ustawienia ikonki menu” z kolumny „Dodaj elementy menu” (powinna znajdować się na dole).
  4. Upewnij się, że zaznaczono „Obrazki”.
  5. Utwórz niestandardowe menu i ustaw „Wyświetl lokalizację” na „Menu kontekstowe PWA”.
  6. Dodaj element.
  7. Wybierz ikonkę — zaleca się użycie takiej o wymiarach 192×192 pikseli.
  8. Zapisz menu.

Co to jest „Dodaj do ekranu głównego”?

Dodaj do ekranu głównego (lub w skrócie A2HS) jest funkcją dostępna w nowoczesnych przeglądarkach, która pozwala użytkownikowi „zainstalować” aplikację internetową, czyli dodać do ekranu głównego skrót reprezentujący ich ulubioną aplikację internetową (lub witrynę), aby mogli później uzyskać do niej dostęp jednym dotknięciem.

A2HS jest obsługiwane we wszystkich przeglądarkach mobilnych, z wyjątkiem webview iOS. Jest również obsługiwany w niektórych przeglądarkach Chromium na komputery.

Recenzje

2022-06-22 1 odpowiedź
Simple, quick, clean and easy. I hope this plugin gets continued development with additional features and cleanliness like similiar plugins. Would be great to customize the "pop up" text, and download stats. 10 out of 10 for what it is. Nice job!

Top

2022-06-11 1 odpowiedź
I expressed it in the title in three words!
2022-03-21 1 odpowiedź
This must be one of the best PWA plugins for WordPress. It's simple, effective and with some more performance optimizations from the developer, it will be just perfect. Thanks @iworks for developing it!
2022-02-05 1 odpowiedź
Simple app with powerful functionality! It creates a powerful app and let the visitors give an option to install the web app of your website by showing them a notification banner od "Add to your home screen". No glitching user interface and complex settings! This plugin can be set up very easily and cleanly.

Kontrybutorzy i deweloperzy

„PWA — łatwa droga do Progresywnej Aplikacji Internetowej” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka “PWA — łatwa droga do Progresywnej Aplikacji Internetowej” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “PWA — łatwa droga do Progresywnej Aplikacji Internetowej” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.5.3 (2022-11-16)

  • Poprawienie tłumaczenia.
  • Dodano identyfikator do manifest.json. Dowiedz się więcej.
  • Dodano do manifest.json właściwości name z limit do 45 znaków dla wartości tworzonej w czasie instalacji.
  • Dodano do manifest.json właściwości short_name z limit do 15 znaków dla wartości tworzonej w czasie instalacji.

1.5.2 (2022-09-26)

  • Poprawiono użycie „apple-touch-icon” – wartość nie była używana, nawet po zdefiniowaniu.
  • Zaktualizowano iWorks Rate do wersji 2.1.1.

1.5.1 (2022-09-10)

  • Dodano sprawdzanie meta tagu z wartością „viewport” oraz umieszczenie w kodzie jeśli go brakuje. Podziękowania dla Berta
  • Zmieniono repozytorium iWorks Rate Module na GitHub.

1.5.0 (2022-08-03)

  • Dodano przycisk Dodaj do ekranu głównego, aby wyświetlić monit przeglądarki o zainstalowanie „aplikacji”. Sprawdź Zgodność przeglądarki.
  • Dodano ścieżkę kampanii Google do „start_url” w pliku manifest.json.

1.4.3 (2022-05-06)

  • Poprawiono problem z kwadratową ikonką Microsoftu. Podziękowania dla chickendipper.
  • Poprawiono błędy dla PHP mniejszego niż 8. Podziękowania dla bamsik001.
  • Dodano cache dla sekcji html head dla Microsoftu.

1.4.2 (2022-04-08)

  • Dodano domyślne wartości w funkcji obsługującej akcję wp_nav_menu_item_custom_fields w calu uniknięcia ostrzeżeń PHP dla nieprawidłowych wywołań tej akcji. Podziękowania dla vmaxs
  • Dodano stałe ukrycie wskazówki jeżeli użytkownik odwiedzi stronę ustawień PWA.

1.4.1 (2022-04-05)

  • Aktualizacja iWorks Options do 2.8.3. (Poprawiono zgodność z PHP 7.x).

1.4.0 (2022-04-05)

1.3.3 (2022-03-22)

  • Zastąpiono użycie funkcji pamięci podręcznej o prawidłowe.
  • Poprawiono problem z usuwaniem ikonek.

1.3.2 (2022-03-22)

  • Poprawiono błędną nazwę opcji.

1.3.1 (2022-03-22)

  • Dodano odnośnik do /ieconfig.xml w zakładce debugowania.
  • Poprawiono długi, niełamliwy tytuł na stronie offline. Podziękowania dla tanohex.
  • Poprawiono brakującą w kilku frazach domenę tłumaczenia.
  • Ulepszono użycie pamięci podręcznej. Podziękowania dla tanohex.
  • Usunięto obrazki z zakładki debugowania.

1.3.0 (2022-03-16)

  • Dodano pamięć podręczną dla ustawień.
  • Poprawiono ostrzeżenie dotyczące protected $option_name_icons.

1.2.3 (2022-02-23)

  • Usunięto console.log z plików JavaScript.

1.2.2 (2022-02-21)

  • Dodano filtr `iworks_plugin_get_options’ umożliwiający filtrowanie konfiguracji wtyczki.
  • Dodano integrację z wtyczką OG — Lepsze udostępnianie w mediach społecznościowych.
  • Dodano informację o wtyczce PWA do skryptów.
  • Dodano „purpose” z wartością „any maskable” do największej ikonki. Podziękowania dla vmaxs.
  • Zaktualizowano iWorks Options do 2.8.2.
  • Zaktualizowano iWorks Rate do wersji 2.1.0.

1.2.1 (2022-02-16)

  • Dodano komunikat, gdy schemat odnośników witryny jest „Prosty” – wtyczka go nie obsługuje.
  • Zaktualizowano iWorks Options do 2.8.1.

1.2.0 (2022-02-15)

  • Dodano możliwość zmiany tekstu na stronie braku połączenia.
  • Dodano ustawienia wersji pamięci podręcznej.
  • Dodano integrację z wtyczką WPML.
  • Przeniesiono workera JavaScript do oddzielnego szablonu.

1.1.6 (2022-01-27)

  • Do pliku readme.txt dodano zrzuty ekranu.
  • Usunięto informacje debugera.

1.1.5 (2022-01-27)

  • Dodano Apple Pinned Tab Icon.
  • Dodano Apple Launch Icon Title.
  • Dodano Microsoft Pinned Site.
  • Dodano Microsoft Live Tile dla IE11.
  • Dodano HTML prefetch dla manifest.json.
  • Przepisano opcje.

1.1.4 (2022-01-24)

  • Poprawiono literówkę.

1.1.3 (2022-01-24)

  • Poprawiono problem z kolejnością ładowania klas.

1.1.2 (2022-01-24)

  • Dodano sprawdzanie method_exists dla metody set_plugin w klasie iWorks Options.
  • Zmieniono nazwę wtyczki na „PWA — łatwa droga do progresywnej aplikacji internetowej”.
  • Oczyszczono manifest.json z niepotrzebnych wartości.
  • Usprawniono obsługę zapytania /manifest.json.

1.1.1 (2022-01-23)

  • Dodano konfigurację obrazków ładowania Apple.
  • Dodano konfigurację ikonek Apple Touch.
  • Dodano konfigurację dl IE11.
  • Dodano konfigurację ikonki kafelka Microsoftu.

1.1.0 (2022-01-21)

  • Dodano konfigurację nazwy aplikacji.
  • Dodano konfigurację kolorów aplikacji.
  • Dodano konfigurację opisu aplikacji.
  • Dodano konfigurację sposobu wyświetlania aplikacji.
  • Dodano konfigurację ikonek aplikacji.
  • Dodano konfigurację orientacji aplikacji.
  • Dodano konfigurację krótkiej nazwy aplikacji.
  • Zmieniono nazwę wtyczki z „iWorks PWA” na „PWA — prosta droga do Progresywnej Aplikacji Internetowej”.
  • Zaktualizowano iWorks Options do 2.8.0.
  • Zaktualizowano iWorks Rate do wersji 2.0.6.

1.0.0 (2022-01-04)

  • Pierwsze stabilne wydanie.
  • Dodano sprawdzanie czy witryna ma SSL – PWA wymaga tego do działania.
  • Dodano moduł ocen.
  • Poprawiono powielone adresy URL offline.
  • Podniesiono wersję offline do 2.

0.0.2 (2021-04-26)

0.0.1 (2021-03-18)

  • Pierwsze wydanie.