PWA na iOS 15: ulepszenia? [zaktualizowano iOS 15.4]

Apple twierdzi, że iOS 15 zapewnia lepszy sposób na pozostanie w kontakcie, skupienie się, eksplorację dzięki swojej znaczącej liście nowych funkcji. Czy jest jednak coś, co może ułatwić życie programistom PWA? W tym artykule omówimy wszystkie największe zmiany, rozczarowania, a także kilka interesujących wiadomości.

Wszystkie ulepszenia dla PWA

[iOS 15.4] Wstępne ładowanie nawigacji dla Service Worker

W systemie iOS 15.4 wprowadzono kilka nowych ulepszeń dla Service Workerów, w tym wstępne ładowanie nawigacji i większą obsługę plików generowanych przez Service Worker.

W niektórych przypadkach uruchomienie Service Worker może wydłużyć czas odpowiedzi sieci. Wstępne ładowanie nawigacyjne wyświetla żądania sieciowe podczas uruchamiania programu Service Worker, co powinno pomóc w wydajności PWA.

[iOS 15.4] Ulepszony manifest aplikacji internetowej: ikony i nie tylko

Dobre wieści! Po długim oczekiwaniu programiści PWA mogą wreszcie zaimplementować aplikację webową na iOS 15.4 z odpowiednią ikoną. Jeśli w pliku aplikacji internetowej nie ma zdefiniowanej ikony dotykowej, ikona manifestu aplikacji internetowej zostanie ustawiona domyślnie.

Jednak wsparcie nie jest jeszcze idealne. Nadal istnieje kilka drobnych błędów, które wpływają na wrażenia zarówno użytkowników, jak i programistów, takie jak:

• Kształt i format ikon są ograniczone tylko do kwadratowego PNG.
• Ikony są automatycznie zmieniane, jeśli nie pasują do wstępnie zdefiniowanych rozmiarów iOS (ipady – 152 x 152 i 167 x 167, iPhony – 120×120 i 180 x180)
• Ikony nie pojawiają się po otwarciu arkusza udostępniania, ale ostatecznie pojawiają się, gdy wybierzesz opcję Dodaj do ekranu głównego.
• Przezroczyste ikony będą miały czarne lub białe tło.

Co więcej, w poprzednich wersjach Manifest aplikacji internetowej jest pobierany tylko wtedy, gdy użytkownicy wybiorą opcję „ Dodaj do ekranu głównego ”. W systemie iOS 15.4 plik jest teraz analizowany i ładowany po załadowaniu strony. W rezultacie możesz zastosować kolor motywu bezpośrednio podczas ładowania strony, co zwiększa zaufanie do aplikacji PWA.

[iOS15.4] Powiadomienia Web Push

Pisząc artykuł na PWA iOS 15 w zeszłym roku, dzielimy się pewnym dowodem na to, jak mogą nadejść powiadomienia web push i zgadnij, co się dzieje, w końcu to się dzieje.

Podobnie jak w przypadku ikon Web App Manifest, nadal istnieją pewne niedogodności związane z web push. Na przykład jest domyślnie wyłączony, więc ludzie muszą najpierw o tym wiedzieć, aby z niego korzystać. Ponadto niektórzy programiści PWA uważają, że nie jest możliwe użycie interfejsu API Web Push do żądania uprawnień do powiadomień, chociaż istnieją na to opcje.

Warto jednak świętować wiadomość. Co lepsze? Web Kit ogłosił wsparcie dla Web Push w Safari 16 na macOS Ventura. Zgodnie z ich dokuczaniem, Web Push może być dostępny na iOS i iPadOS w 2023 roku.

Obsługiwany kolor motywu

Podczas gdy status obsługi manifestu aplikacji internetowej to nadal „Częściowa obsługa”, Safari 15 ma teraz oficjalnie włączoną opcję koloru motywu w metatagach HTML i Manifest w sieci Web . Teraz możesz wprowadzać zmiany w kolorach paska stanu i obszaru przewijania , które można również zastosować do paska kart i przewijanych kolorów tła w układzie kart Safari 15 Compact w systemach Ipad OS 15, Big Sur i MacOS Monterey .

Co więcej, używając atrybutu media, możesz także włączyć tryb ciemny/jasny dla swojej progresywnej aplikacji internetowej w Safari 15.

 <meta name="theme-color" content="#ecd96f" media="(prefers-color-scheme: light)">
<meta name="kolor-motywu" content="#0b3e05" media="(preferuje schemat kolorów: ciemny)">

Ulepszony WebGL (Web Graphic Library) i Web-Share API

iOS 15 jest świadkiem aktualizacji z WebGL 1 do WebGL2. Udowodniono, że WebGL 2 jest znaczącym ulepszeniem, które jest znacznie szybsze, oferuje znacznie więcej tekstur niż WebGL, a także wiele innych korzyści.

Poza tym Safari 15 obejmuje obsługę Web Share poziomu 2, co toruje drogę programistom do efektywnej wymiany plików z przeglądarki do aplikacji z natywnym dialogiem udostępniania. Obecnie obsługuje obrazy, wideo, audio, pliki tekstowe i inne.

Ta zmiana na przykład umożliwia użytkownikom bezpośrednie udostępnianie obrazów ze stron PWA do ich aplikacji na Twitterze bez dodatkowych czynności związanych z zapisywaniem zdjęć w bibliotece i ponownym przesyłaniem.

Lepsze API sesji medialnej

Media Session API zapewnia więcej danych i kontroli odtwarzania, dzięki czemu wrażenia z multimediów są na wyższy poziom. Od iOS 15 użytkownicy mogą uzyskać dostęp do karty NOW PLAY z Centrum sterowania , ekranu blokady , a także paska menu MacOS Monterey i sterować kilkoma prostymi opcjami odtwarzania. Co więcej, nowa sesja Media Session wprowadza doświadczenie SharePlay , które umożliwia oglądanie filmów, słuchanie muzyki ze znajomymi przez Facetime. To może być dobra wiadomość dla internetowych aplikacji do podcastów.

Obsługa dźwięku WebM dla Safari, obsługa WebM/VP9 dla iPada

WebM to bezpłatna technologia strumieniowego przesyłania wideo w Internecie o otwartym kodzie źródłowym. Po pierwszym wprowadzeniu obrazu WebM w iOS 14, Apple obsługuje teraz kontenery kodeków audio Opus WebM w Safari 15. Co więcej, użytkownicy mogą teraz przesyłać strumieniowo filmy WebM/VP9 na IpadOS15.

Ta aktualizacja obiecuje pełne wsparcie dla WebM w najbliższej przyszłości i możemy spodziewać się, że wideo WebM będzie wkrótce dostępne w mobilnej przeglądarce Safari. W rezultacie właściciele PWA będą mieli więcej możliwości wyświetlania swoich multimediów wideo, aby zapewnić użytkownikom lepsze wrażenia.

Wsparcie dla modułu ES6 w Service Worker

ES6 jest pierwszym wbudowanym modułem JavaScript, zapewnia solidną strukturę, która jest łatwa w obsłudze, utrzymaniu, skalowaniu i enkapsulacji zachowań. Dzięki nowemu modułowi ES6, który pojawi się w Service Worker, programiści mogą teraz zwiększyć wydajność i umożliwić dostęp offline dla iOS PWA w bardziej zorganizowany sposób. W rezultacie łatwo jest szybko skalować i zwiększać funkcje PWA, aby w razie potrzeby sprostać wymaganiom rynku.

Prostsza wielozadaniowość na iPadzie

iOS 15 wprowadził pewne ulepszenia, aby zapewnić bardziej intuicyjną wielozadaniowość na iPadzie, zachowując jednocześnie to, co działało wcześniej. Na przykład jest nowa zakładka z trzema kropkami reprezentująca menu wielozadaniowe u góry ekranu, która sprawi, że aplikacja będzie pełnoekranowa, podzielona lub przesunięta. Poza tym w SplitScreen wprowadzono wyśrodkowane okno, w którym można otworzyć okno u góry aplikacji na podzielonym ekranie, a następnie wysłać je do funkcji Slider Over, Split View lub Full Screen.

Co więcej, warto wspomnieć o nowym skrótu klawiaturowym i nowym wielozadaniowym interfejsie użytkownika, który wyświetla wszystkie aplikacje (w tym te w Slide Over).

Jak dotąd z recenzji wydaje się, że nowa aktualizacja wielozadaniowości na iPadzie dla sieci i PWA otrzymała pozytywne opinie, ponieważ jest znacznie bardziej przyjazna dla użytkownika niż iOS 14.

Nowy klip aplikacji – kolejna zauważalna aktualizacja

Wspomnieliśmy o klipie aplikacji w naszym podsumowaniu PWA iOS 14 jako coś, czego można się spodziewać w przypadku instalowalnych aplikacji PWA podobnych do systemu Android. Więc jak jest teraz?

App Clip można teraz zintegrować ze stronami internetowymi, dzięki czemu wyświetlają się w Safari. Karta pozwala użytkownikom dokończyć początkowe zadania, takie jak zamawianie jedzenia, wypożyczanie roweru, a następnie prosi o zainstalowanie natywnych aplikacji w App Store. Nowa zmiana ogranicza niektóre dodatkowe kroki systemu iOS 14, aby odkryć klipy aplikacji na stronie internetowej i aplikacjach innych firm.

Niestety nadal nie widać banerów instalacyjnych PWA. Czy Apple sprawi, że klipy aplikacji będą przyjazne dla PWA? A może próbują stworzyć własną wersję PWA? A może klipy aplikacji i PWA po prostu nie są ze sobą powiązane? Odpowiedź jest wciąż w przyszłości.

Brak większych ograniczeń jest rozwiązany

Nowe wydania iOS 15 z pewnością przynoszą pewne rozczarowania w rozwoju PWA, ponieważ ewidentnie to, czego szukamy, wciąż jest poza stołem. Wdrożenie PWA na iOS 15 bez dostępności tych funkcji wciąż jest dość ciężką pracą:

• Synchronizacja w tle
• Web Push
• Przed instalacją monit i baner instalacji
• Dźwięk w tle dla aplikacji PWA

Co więcej, nie ma też naprawienia niektórych złych punktów, o których wspomnieliśmy w artykule iOS 14.

• Brak ikony PWA w bibliotece aplikacji
• Niewiele zmian w obsłudze manifestów aplikacji internetowych (oprócz kolorów motywu)
• Pasek stanu jest nadal black i tylko black-translucent .
• Duże ograniczenie funkcji w innych przeglądarkach internetowych

Na wynos

Tutaj masz wszystko, co iOS15 ma dla PWA. Podczas gdy większość zmian w wersji 15 jest niewielkich, iOS 15.4 z obsługą Web Push i większą liczbą obsługi Web App Manifest otwiera lepszą przyszłość dla PWA na iOS. Wraz z wersją beta iOS 16 wydaną we wrześniu 2022 r., miejmy nadzieję, że nadejdą bardziej znaczące zmiany.