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ę!

See room for improvement?

Great! There are several ways you can get involved to help make PWA — easy way to Progressive Web App better:

  1. Report Bugs: If you find a bug, error or other problem, please report it! You can do this by creating a new topic in the plugin forum. Once a developer can verify the bug by reproducing it, they will create an official bug report in GitHub where the bug will be worked on.
  2. Suggest New Features: Have an awesome idea? Please share it! Simply create a new topic in the plugin forum to express your thoughts on why the feature should be included and get a discussion going around your idea.
  3. Issue Pull Requests: If you’re a developer, the easiest way to get involved is to help out on issues already reported in GitHub. Be sure to check out the contributing guide for developers.

Thank you for wanting to make PWA — easy way to Progressive Web App better for everyone!

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

2024-01-17 1 odpowiedź
Y' a pas mieux comme plugin et j'en ai essayé. J'ai fait la traduction complète en fr en espérant qu'elle soit validée pour augmenter sa diffusion. Merci pour tout le travail fourni sans fioritures.
2023-11-01 1 odpowiedź
It does not have all the PWA functions implemented, but it is the only PWA plugin that works out of the box. I installed it on all my websites.Thank you very much, Marcin, for making this plugin public for free. I hope that one day PWA will be part of the core of WP.
Przeczytaj 19 recenzji

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 2 języki. 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.9 (2024-02-24)

1.5.8 (2023-12-27)

  • The check for a tag meta with the „viewport” value has been added after changes in plugins activations.
  • The dynamic property has been fixed.
  • The function parse_url() has been replaced by the function wp_parse_url().
  • The iWorks Options module has been updated to 2.9.0.
  • The iWorks Rate module has been updated to 2.1.6.
  • The nonce check has been added to check „viewport” feature.

1.5.7 (2023-11-17)

1.5.6 (2023-10-27)

  • Poprawiono błędną nazwę funkcji get_color_background(). Podziękowania dla bodhisattvac.
  • Moduł iWorks Options został zaktualizowany do wersji 2.8.7.
  • Moduł iWorks Rate został zaktualizowany do wersji 2.1.3.

1.5.5 (2023-07-10)

  • Dodano sprawdzanie plików wymaganych do działania PWA.
  • Moduł iWorks Options został zaktualizowany do wersji 2.8.5.
  • Moduł iWorks Rate został zaktualizowany do wersji 2.1.2.

1.5.4 (2023-06-30)

  • Dodano meta tag apple-mobile-web-app-capable.
  • Usunięto końcowe ukośniki ze znaczników link i meta.
  • PWA związane z Apple zostało całkowicie przepisane. Podziękowania dla Jamesa.

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.