Aplicațiile web progresive (PWA) pot da site-urilor web funcții de aplicații și oferi experiența unei aplicații fără a instala ceva complex. Browserele principale adaugă suport pentru aceste aplicații hibride, iar noi vă explicăm cum să le instalați și să le utilizați.
Poate ați văzut un site care vă sugerează să „Instalați aceasta ca aplicație web”, așa cum am pățit eu cu Google Meet. Acesta este un exemplu de PWA oferit de browsere precum Chrome sau Edge. Unele servicii Google, cum ar fi Gmail și YouTube, au și ele versiuni PWA disponibile.
Alte site-uri precum Outlook, Spotify sau Instagram pot fi transformate în PWA pentru a le folosi fără elementele deranjante ale interfeței de browser. Haideți să vedem ce sunt PWA, cum să începeți și ce avantaje oferă.
Ce este o aplicație web progresivă?
Site-urile web pot trimite notificări, pot funcționa în fundal, pot stoca date local și pot funcționa offline. Standardul PWA le duce mai departe, oferind posibilitatea de a rula fără elemente de browser care îngreunează interfața.
PWA folosesc tehnologii obișnuite de web – CSS, HTML și JavaScript – plus standarde mai noi precum manifestul web (pentru culori, iconițe și nume) și Service Workers, care permit funcționarea offline.
Termenul „progresiv” vine din strategia de îmbunătățire progresivă, unde dezvoltatorii se concentrează mai întâi pe conținutul esențial și apoi adaugă funcții suplimentare pentru browserele care le acceptă.
Care sunt avantajele PWA?
PWA elimină bara de instrumente și elementele de browser, astfel încât vedeți doar meniul site-ului, fără distrageri inutile. În plus, puteți reîncărca rapid aplicația cu F5 (pe Windows) sau Command+R (pe macOS) atunci când ceva nu răspunde.
Adesea, versiunea web primește funcții noi înaintea aplicațiilor native. De asemenea, PWA sunt mult mai ușoare decât aplicațiile obișnuite și funcționează pe orice platformă care are un browser compatibil.
Un exemplu real este PWA-ul Starbucks, care este cu peste 99% mai mic decât aplicația nativă iOS. În plus, instalarea este rapidă și nu mai treceți prin magazinele de aplicații, deși acum puteți publica și PWA-uri în App Store, Google Play sau Microsoft Store.
Care sunt dezavantajele PWA?
PWA rămân tot site-uri web, așa că nu toate pot funcționa offline și unele cer autentificări frecvente, ca o pagină obișnuită. Mai mult, nu sunt potrivite pentru aplicații care necesită performanță maximă, cum ar fi jocurile video AAA sau programele de editare video.
Descoperirea PWA-urilor poate fi dificilă, pentru că nu există un magazin dedicat. Experiența depinde de calitatea implementării, iar prezența simultană a unei aplicații native și a unei PWA poate crea confuzie.
Când merită să folosiți PWA?
Comunicarea, rețelele sociale și serviciile de streaming de muzică sunt candidați buni pentru a fi folosiți ca PWA. Eu folosesc zilnic Gmail și Spotify ca PWA.
Aplicația Spotify ocupă peste 1 000 MB pe Windows, în timp ce PWA-ul are sub 5 MB. Am ales și Threads ca PWA, iar versiunea oficială din magazinul de aplicații este tot un PWA.
Google Meet și Zoom sunt, de asemenea, exemple excelente de servicii pe care merită să le transformați în PWA.
Cum instalați o aplicație web progresivă?
Procesul diferă puțin în funcție de browser și platformă, însă este mereu simplu. Căutați opțiunea „Adăugați pe ecranul de pornire” sau „Instalați aplicația” din meniul browserului și confirmați.
Pe Android (Chrome)
Deschideți site-ul compatibil, apăsați cele trei puncte din colțul din dreapta sus și alegeți „Adăugați pe ecranul de pornire”. Iconița va apărea pe ecranul principal ca a unei aplicații.
Pe Android (Firefox)
Din meniul Firefox, selectați „Instalați”. După ce apăsați „Adăugați pe ecran”, puteți plasa iconița unde doriți. Pentru a șterge doar PWA-ul, folosiți „Eliminați” și nu „Dezinstalați”.
Pe Windows (Edge și Chrome)
Deschideți site-ul și, dacă este compatibil, veți vedea un buton „Instalați aplicația” în bara de adrese sau în meniul browserului. Aplicația va apărea în Meniul Start și în bara de activități cu iconița sa specifică.
Pe iOS și iPadOS (Safari)
Deschideți site-ul, apăsați butonul Partajare și selectați „Adăugați la ecranul principal”. Veți vedea iconița pe ecran, dar nu o găsiți în Biblioteca de aplicații.
Pe macOS (Safari)
Folosiți butonul Partajare și alegeți „Adăugați la Dock”. PWA-ul apare în Launchpad, iar dezinstalarea se face mutând iconița în coșul de gunoi.
Pe Linux și ChromeOS
În Chrome, Edge sau Brave găsiți aceeași opțiune „Instalați aplicația” în bara de instrumente. PWA-ul apare în lista de aplicații și în panoul de activități cu iconița sa.
