Strona internetowa jako aplikacja PWA na Windows i Android

W dzisiejszych czasach, kiedy każdy producent aplikacji próbuje wepchnąć nam swój program na dysk, mało kto pamięta, że wiele popularnych serwisów internetowych, a nawet zwykłych stron, można mieć na wyciągnięcie ręki, zupełnie jak „prawdziwą” aplikację. Nie potrzebujesz instalować ciężkich klientów. Nie ma potrzeby pobierania gigabajtów danych. Wystarczy kilka kliknięć i masz swoją ulubioną stronę jako PWA (Progressive Web App) na pulpicie Windowsa czy w szufladzie aplikacji Androida. To świetna sprawa, bo zyskujesz szybki dostęp, często lepszą wydajność i mniejszą zależność od otwartości kolejnych zakładek w przeglądarce.

Czym tak naprawdę jest PWA i dlaczego to działa?

Zacznijmy od technicznego bełkotu, ale uproszczonego do granic możliwości. Progressive Web App (PWA) to w skrócie strona internetowa, która dzięki nowoczesnym technologiom webowym (np. service workerom) zachowuje się jak aplikacja natywna. Może działać offline, wysyłać powiadomienia, a przede wszystkim – da się ją zainstalować na systemie. W teorii. W praktyce, to, co najczęściej robimy, to po prostu instalowanie skrótu do strony internetowej w trybie aplikacji. Przeglądarka – Chrome, Edge, czy Firefox – tworzy wtedy osobną instancję, która wygląda i działa jak niezależny program, bez paska adresu i innych elementów interfejsu przeglądarki. Widziałem przypadki, gdzie ludzie byli przekonani, że zainstalowali „prawdziwą” aplikację, a to był po prostu sprytnie opakowany skrót. I dobrze, bo o to chodzi.

Jak zainstalować dowolną stronę internetową jako aplikację na Windows?

Tutaj do akcji wchodzą popularne przeglądarki oparte na Chromium. Microsoft Edge i Google Chrome to nasi główni gracze.

Przeglądarka Microsoft Edge

Microsoft mocno promuje PWA i integrację stron z systemem, więc Edge radzi sobie z tym świetnie.

• Otwórz Microsoft Edge i przejdź na stronę, którą chcesz przekształcić w aplikację.
• W prawym górnym rogu okna przeglądarki kliknij ikonę trzech kropek (…) – to menu „Ustawienia i więcej”.
• Najedź kursorem na opcję „Aplikacje”.
• W rozwiniętym menu wybierz „Zainstaluj tę witrynę jako aplikację”.
• Pojawi się okno z prośbą o potwierdzenie. Możesz zmienić nazwę aplikacji. Kliknij „Zainstaluj”.
• I tyle. Ikona pojawi się w menu Start, na pulpicie, a nawet na pasku zadań (jeśli zaznaczysz tę opcję w oknie dialogowym instalacji). Strona będzie otwierać się w osobnym oknie, bez interfejsu przeglądarki. Odjazd, prawda?

Przeglądarka Google Chrome

Chrome działa podobnie, bo to ta sama baza, co Edge.

• Otwórz Google Chrome i przejdź na stronę.
• W prawym górnym rogu okna przeglądarki, również kliknij ikonę trzech kropek (…).
• Poszukaj opcji „Zainstaluj [Nazwa strony]” (jeśli strona wspiera PWA) lub „Więcej narzędzi”, a następnie „Utwórz skrót…”.
• Jeśli wybrałeś „Utwórz skrót…”, zaznacz opcję „Otwórz jako okno”. To kluczowe, bo sprawi, że strona będzie działać jak aplikacja. Bez tego po prostu utworzy się zwykły skrót otwierający się w nowej zakładce przeglądarki.
• Kliknij „Utwórz”.
• Gotowe. Podobnie jak w Edge, aplikacja pojawi się w menu Start i na pulpicie.

Jak zainstalować dowolną stronę internetową jako aplikację na Androidzie?

Na Androidzie sprawa jest jeszcze prostsza, a Google Chrome jest tu dominującym narzędziem.

• Uruchom przeglądarkę Google Chrome na swoim smartfonie lub tablecie.
• Przejdź na wybraną stronę internetową.
• W prawym górnym rogu ekranu dotknij ikony trzech kropek (…) – menu Chrome.
• Poszukaj opcji „Zainstaluj aplikację” (jeśli strona jest PWA) lub „Dodaj do ekranu głównego”.
• Po dotknięciu tej opcji pojawi się monit o potwierdzenie i ewentualnie zmianę nazwy. Kliknij „Dodaj”.
• Po chwili ikona strony pojawi się na ekranie głównym urządzenia oraz w szufladzie aplikacji. Wystarczy jedno tapnięcie, żeby otworzyć stronę w trybie aplikacji. Bez kitu, to bardzo wygodne.

Kilka „ale” i o czym warto pamiętać

Pamiętajcie, że nie każda strona jest zaprojektowana jako pełnoprawne PWA. Czasami po prostu tworzymy skrót, który działa w ramach przeglądarki, ale w osobnym oknie. To nadal użyteczne, ale niektóre funkcje, jak powiadomienia push czy działanie offline, mogą nie działać, jeśli strona nie ma odpowiednio zaimplementowanych technologii PWA. To nie są żadne cuda. Strony w ten sposób „zainstalowane” nie mają dostępu do wszystkich funkcji systemu tak jak natywne aplikacje – i bardzo dobrze, bo to kwestia bezpieczeństwa. To po prostu sprytnie opakowana przeglądarka. Jeśli serwis jest dobrze zoptymalizowany, taka „pseudo-aplikacja” działa zadziwiająco sprawnie. Serio.

Najczęstsze pytania

Czy taka „aplikacja” zajmuje dużo miejsca?

Nie, zazwyczaj bardzo mało. Składa się głównie ze skrótu i niewielkich plików pamięci podręcznej przeglądarki.

Czy mogę to zrobić na iOS (iPhone/iPad)?

Tak, na iOS możesz dodać stronę do ekranu głównego poprzez opcję „Udostępnij” w Safari, a następnie „Dodaj do ekranu początkowego”. Działa to podobnie jak na Androidzie.

Czy to bezpieczne?

Tak, to równie bezpieczne, jak korzystanie z danej strony w przeglądarce. Aplikacja działa w izolowanym środowisku przeglądarki.

Reszta to już detale.