Progressive Web Apps - Budućnost modernog weba?

Ovih dana Progressive Web Apps (PWA) govore o gradu, uglavnom zbog svoje nevjerojatne upotrebljivosti i jedinstvenog korisničkog iskustva. S kombiniranim značajkama web-lokacija i izvornih aplikacija, PWA-i postaju norma za web-aplikacije s više uređaja omogućujući programerima da grade dinamične aplikacije koje se brzo učitavaju bez upotrebe hibridnih okvira.

Vjerujem da su progresivne web-aplikacije budućnosti web stranica - i u sljedećem pisanju ću raspravljati o njegovim prednostima i koristiti slučajeve kako bih vam dao cijelu sliku. Idemo na to.

Što su napredne web-aplikacije?

Uvjet “Progresivni web-aplikacije” prvi su skovali Alex Rusell (programer Google Chromea) i Frances Berriman (dizajner). Alex je podijelio svoju ideju o progresivnim web-aplikacijama “Te aplikacije nisu pakirane i razmještene putem trgovina, one su samo web stranice koje su uzele sve potrebne vitamine“.

“Web-lokacije koje vam žele slati obavijesti ili biti na početnom zaslonu moraju zaraditi to pravo tijekom vremena kako ih koristite sve više i više. Postupno postaju “aplikacije”“, napisao Alex o PWA 'appinessu. Konačno, zaključio je, “ove aplikacije mogu isporučiti parnu bolje korisničko iskustvo od tradicionalnih web-aplikacija“.

Web-aplikacije u odnosu na progresivne web-aplikacije

Web-aplikacije ili tradicionalne web-aplikacije to su aplikacije na strani klijenta pokrenuti izravno u web-pregledniku. Iako su bolji od web stranica, ipak imaju svoje probleme. Ako ne znate razliku između web-aplikacija i web-lokacija, web-aplikacije se razlikuju od web-lokacija jer web-aplikacije izgledaju i osjećaju se kao izvorne aplikacije.

To se, rekao je, Progressive Web Apps su sljedeće generacije web-aplikacija koje rade više kao izvorne aplikacije upotrebom izvornih poboljšanja uređaja. Primjerice, Progressive Web Apps mogu koristiti izvorne značajke kao što su kamera, beacons, itd. zajedno sa značajkama kao što su offline cache, push obavijesti, itd.

Zašto nam trebaju Progressive Web Apps?

S jedne strane imamo izvorne aplikacije koje su nevjerojatno brze i pouzdane čak iu najgorim situacijama kao što su spora ili bez povezivanja. Ali, s druge strane, imamo web-lokacije i web-aplikacije, s druge strane, koje su spore i ne funkcioniraju dobro u mrežnim uvjetima. Zato većina ljudi preferiraju izvorne aplikacije.

Ubrzane mobilne stranice (AMP), projekt koji je potaknuo Google, pokrenut je 2016. godine rješavati probleme sporog povezivanja, osobito na pametnim telefonima i mobilnim korisnicima pružaju bolje korisničko iskustvo. Međutim, AMP ne rješava probleme bez mrežnih problema. Također, ne ubrzava vrijeme učitavanja koliko i izvorne aplikacije, i opet, ima nekoliko ograničenja za postizanje te brzine.

Zato trebamo Progressive Web Apps. PWA pružaju najbolje moguće korisničko iskustvo u sporoj ili bez mreže Uvjeti. Na primjer, PWA može prikazati zaslon napretka kada učitava sadržaj ili početni zaslon kada nema veze s webom.

Zašto napredne web-aplikacije imaju smisla?

Kao što je navedeno u izvješću za US App za mobilne uređaje za 2017. u comScoreu, korisnici aplikacije gotovo troše 77 posto vremena provodi u tri najpopularnije aplikacije, dok ostatak aplikacija ostaje u stanju mirovanja, ali i dalje blokiraju resurse sustava, uključujući memoriju. Štoviše, to također dijeli 50 posto korisnika preuzima nula aplikacija mjesečno. Ova činjenica sugerira da korisnici oklijevaju instalirati nove aplikacije, pa PWA ima prednost.

Nalazim da ljudi uglavnom idu za web stranice na stolnim računalima, ali preferiraju aplikacije na mobilnim uređajima (izvorne aplikacije, naravno). Razlog tome je što računala nude mnogo više mrežnih resursa od pametnih telefona, a aplikacije troše manje resursa nego web-lokacije svojih kolega. Također, oni su brzi i pouzdani.

Štoviše, izvorne aplikacije koštaju puno više od web stranica - čak pet do deset ili više puta, ovisno o vrsti projekta. Također, njihova cijena može se umnožiti ako postoji potreba za razvojem izvornih aplikacija za više platformi (npr. Android i iOS) s različitim bazama kodova. Međutim, PWA može pomoći smanjiti takve visoke troškove razvoja, zahvaljujući podršci za razne platforme.

Značajke progresivnih web-aplikacija

Napredne web-aplikacije imaju mnogo izravnih značajki koje ih razlikuju od jednostavnijih, tj. Web-aplikacija (ili jednostavnijih - web-lokacija):

Uzvratni. Radite na svim uređajima bilo koje veličine zaslona.
Offline prvo. Opterećenje se odvija sporo ili bez mreže.
Osjećaj sličan aplikaciji. Pogledajte i interakciju kao izvorna aplikacija.
Do danas. Ažuriranje na vlastitu, gotovo transparentno.
Sigurno i sigurno. Koristite HTTPS za učitavanje resursa stranice.
Vidljiv. Iskoristiti sadržaj na tražilicama.
Re-zahvatiti. Ponovno se uključite, recimo pomoću obavijesti.
instalirati. Može se postaviti na početni zaslon.
Spojiv. Učitajte stranice slične aplikacijama, ali s URL-ovima.

Ono što mi je zanimljivo jest to da Progressive Web Apps ne samo da izgledaju i osjećaju se kao domaće aplikacije, već i imaju pristup izvornim značajkama uređaja. To znači da vas PWA može snimiti fotoaparatom uređaja. Međutim, moram dijeliti da ne dobiva pristup ograničenim značajkama kao što su lokacija, telefon ili SMS.

Bilješka: Više o njegovim značajkama i drugim detaljima možete pročitati u ovom postu.

Stvaranje naprednih web-aplikacija?

Google osigurava a “Kontrolni popis progresivnog web-aplikacije” - popis detalja koji će početnicima pomoći u izradi Progressive Web Apps. Ovaj popis bez vodiča dijeli potrebne značajke za stvaranje PWA - “Polazni PWA” i jedan “Primjeri PWA”; bivši popis ključnih stvari za osnovnu aplikaciju, a drugi za naprednu aplikaciju.

Osim toga, postoje različiti alati koji vam pomažu u izgradnji PWA. Na primjer, Svjetionik je slobodan, otvorenog koda alat za poboljšanje web-stranice uključujući provjere kvalitete dostupnosti, performansi i značajki PWA. Još jedan značajan alat je Workbox, koji pomaže izrađivati aplikacije s iskustvom izvan mreže.

Jesu li progresivni web-aplikacije budućnost?

Iako Progressive Web Apps možda neće riješiti sve probleme naših aplikacija ili zamijeniti izvorne aplikacije u bliskoj budućnosti, ipak vjerujem da će igrati značajnu ulogu, zahvaljujući njegove koristi koje su daleko više od njegovih ograničenja. S gotovo svakom velikom platformom koja počinje podržavati PWA, nije daleko da ćemo ih vidjeti posvuda.

Apple je predstavio značajke PWA (Web API) u Safari 11.1, uključujući Beacon API, servisne djelatnike, Web App Manifest, itd .; tako uskoro dovodi PWA u iOS, ako već ne. Google je već podržao aktivne osobe u Chromeu za Android i planira ga dovesti i na radne površine. Microsoft je također dodao podršku za PWA u Microsoft Edgeu te će ih navesti iu Microsoft Storeu.

Što misliš - su Progressive Web Apps u budućnosti? Pustiti mene znati izravno na @aksinghnet ili napisati komentar kroz odjeljak ispod komentare ostaviti svoj odgovor.