Możliwości

Progresywne aplikacje internetowe mogą nie tylko renderować treści na ekranie i łączyć się z usługami internetowymi. Progresywne aplikacje internetowe mogą obsługiwać pliki z systemu plików, korzystać ze schowka systemu, uzyskiwać dostęp do sprzętu podłączonego do urządzenia i wykonywać wiele innych czynności. Każdy interfejs Web API jest dostępny dla Twojej aplikacji PWA, a podczas instalacji aplikacji dostępne są dodatkowe interfejsy API.

Możesz użyć narzędzia What Web Can Do Today, by dowiedzieć się, jakie możliwości daje każda z platform. W przypadku poszczególnych interfejsów API lub funkcji możesz użyć kategorii Can I Use lub tabeli zgodności przeglądarek w MDN.

Zawsze sprawdzaj dostępność funkcji

Pierwsza litera w PWA oznacza progresywne i wynika z koncepcji progresywnego ulepszania i wykrywania funkcji. Nie możesz oczekiwać, że aplikacja będzie działać tak samo na wszystkich urządzeniach. Różnorodność kontekstów i umiejętności na miliardach urządzeń w różnych krajach sprawia, że PWA są doskonałą platformą ze względu na ich postęp.

Oznacza to, że musisz zaprojektować aplikację w warstwach, które mogą być niedostępne na niektórych urządzeniach, i sprawdzić jej dostępność przed użyciem.

Przed skorzystaniem z interfejsu API musisz sprawdzić w języku JavaScript, czy istnieje interfejs API, lub zapytać go, czy usługa jest dostępna na tym konkretnym urządzeniu.

Zaawansowany internet

Internet jest dziś bardzo potężny. Na przykład:

  • Możesz stworzyć hiperlokalną aplikację do czatów wideo, korzystając z WebRTC, geolokalizacji i komunikatów push.
  • Możesz sprawić, aby aplikację można było zainstalować.
  • Do dodawania efektów wideo możesz używać WebAssembly.
  • Możesz nawet wprowadzić tę technologię do rzeczywistości wirtualnej, korzystając z WebGL i WebXR.

Ulepszanie aplikacji PWA

Podzielmy interfejsy API funkcji PWA na 4 grupy:

  • Zielony: jeśli jest technicznie możliwe, interfejsy API dostępne w każdej przeglądarce na każdej platformie. Większość z nich jest wysyłana przez wiele lat i jest uznawana za dojrzałą, więc można z nich korzystać bez obaw. Przykładowym interfejsem API z tej grupy jest interfejs API geolokalizacji.
  • Jasnozielony: interfejsy API są dostępne tylko w niektórych przeglądarkach. Ze względu na brak obsługi niektórych platform dojrzały one w obrębie obsługiwanej podgrupy przeglądarek, dzięki czemu możesz bez obaw korzystać z ich funkcji. Przykładowy interfejs API z tej grupy to WebUSB.
  • Żółty: eksperymentalne interfejsy API. Te interfejsy API nie są jeszcze dopracowane. Są dostępne tylko w niektórych przeglądarkach i w ramach testów lub wersji próbnych. Omówiliśmy niektóre z tych możliwości w rozdziale dotyczącym aplikacji eksperymentalnej.
  • Czerwony: grupa interfejsów API, których nie można używać w PWA, a w których plany ich dodania są nadal długoterminowe. Przykładowy interfejs API z tej grupy to geofencing.

Ekologiczne możliwości

Poniżej znajdziesz listę najważniejszych funkcji, których możesz używać w aplikacji PWA.

Podstawowe informacje

Sprzęt i czujniki

  • pady do gier – do odczytywania informacji pochodzących ze standardowych padów do gier i joysticków połączonych z urządzeniem za pomocą interfejsu Gamepad API;
  • Uwierzytelnianie biometryczne (np. rozpoznawanie twarzy lub odcisku palca) przy użyciu uwierzytelniania internetowego lub WebAuthn.

Integracja z systemem operacyjnym

Możliwości jasnozielone

Oto lista najważniejszych funkcji dostępnych w PWA. Pamiętaj jednak, że mogą one nie być dostępne w niektórych przeglądarkach.

Podstawy

  • WebGL 2.0nowa wersja specyfikacji WebGL zgodna z OpenGL 3.0.
  • Kodeki – niskopoziomowy dostęp do poszczególnych klatek strumienia wideo i fragmentów dźwięku. Przydatny w aplikacjach internetowych, które wymagają pełnej kontroli nad sposobem przetwarzania multimediów za pomocą interfejsu Web Codecs API.

Sprzęt i czujniki

  • Oświetlenie otoczenia odczytuje bieżący poziom lub natężenie światła otoczenia wokół urządzenia, a nie tylko interfejs Sensors API.
  • Wibracje to funkcja Vibration API, która wysyła użytkownikowi sygnały, gdy coś się dzieje, o ile urządzenie je obsługuje.
  • Nagrywanie multimediów umożliwia przechwytywanie danych wygenerowanych przez obiekt MediaStream lub HTMLMediaElement (np. tag <video>) w celu analizy, przetworzenia lub zapisania na dysku dzięki interfejsowi MediaRecorder API.
  • Zastosowanie blokady wybudzania do ekranu za pomocą interfejsu Screen Wake Lock API sprawia, że urządzenie nie może przyciemniać ani blokować ekranu, gdy aplikacja PWA musi nadal działać.
  • Rzeczywistość wirtualna umożliwia korzystanie w PWA z zestawu słuchawkowego i innych urządzeń dzięki interfejsowi WebXR Device API.
  • Rzeczywistość rozszerzoną można uzyskać w PWA na wiele sposobów, np. za pomocą interfejsu WebXR Device API lub aplikacji Safari Quick Look do wyświetlania treści AR.
  • Wykrywanie nieaktywnych użytkowników za pomocą interfejsu Ile Detection API.
  • Blokada orientacji blokuje orientację pionową lub poziomą, gdy aplikacja PWA jest widoczna na ekranie. Wykorzystuje do tego interfejs Screen Orientation API lub właściwość orientation w pliku manifestu aplikacji internetowych w przypadku zainstalowanych aplikacji.
  • Prezentowanie treści na projektorach i dodatkowych wyświetlaczach dzięki interfejsowi Presentation API.
  • Zablokuj wskaźnik, aby otrzymywać informacje o ruchu delta od wskaźników (myszy, trackpadów i wskaźników) zamiast wartości pozycji (jest to przydatne w niektórych grach) dzięki interfejsowi Pointer Lock API.

Integracja z systemem operacyjnym

Zasoby