Gør Progressive Web App (PWA) til din bedste ven

”PWA er en revolutionerende inden for webudvikling. Det hjælper med at øge din produktivitet ved at levere en god brugeroplevelse, der kombinerer fordelene ved både web- og mobilapps til minimale omkostninger. ”
En håndtryk er en god praksis

En ryster med PWA holder din kunde engageret. Og PWA er altid klar til at blive din bedste ven, hvorfor sender vi ikke en veneforespørgsel til PWA?

Det er tid til at tage et godt skridt hen imod PWA, og jeg vil forklare, hvordan dit venskab nyder godt af dig med PWA!

Må ikke forveksle med PWA

Af nogle grunde tror mange mennesker, at PWA'er er Single Page Applications (SPA).
Dette er forkert, virkelig meget forkert (med statuskode 400 ).

En SPA kan være en PWA, men en PWA behøver ikke at være en SPA.

PWA elsker at arbejde sammen med alle

Websted, der er bygget på alle rammer eller biblioteker som ReactJs, Angular, VueJS eller endda i HTML, kan være en PWA.

På de enkleste vilkår er en progressiv webapp en mobil webside, der er transformeret med yderligere funktioner og funktionaliteter, der giver det en 'app-lignende' fornemmelse. Det fungerer ved hjælp af en forekomst af browser og bruger servicemedarbejder til at sikre problemfri drift, selv uden en pålidelig internetforbindelse.

Hvis du har en myte om, at PWA er en Google-teknologi, er disse informationer nok til at rydde din myte. Progressive webapps er baseret på webstandarder. Det fungerer med enhver browser og enhver platform.

Så det er et websted - men det føles som en indbygget mobilapp med en stænkskærm, brugerdefineret indlæser skærm, glattere animationer, push-meddelelser og ingen navigationslinje. Dine gennemsnitlige slutbrugere kan kalde det en mobilapp.

Progressive webapplikationer er websteder, der skal opfylde tre tekniske krav:

  • Skal serveres vha. HTTPS (Secure)
  • Har en gyldig Web Manifest-fil med et minimalt specifikt sæt ikoner
  • Skal registrere en gyldig servicearbejder og minimal offline support

Intet sted i disse krav siger, at webstedet skal bruge JavaScript. Kort sagt, skal du registrere servicemedarbejderen ved hjælp af JavaScript på klientsiden.

PWA understøtter funktioner som nedenfor:

  • Fastgørelse til en startskærm - Vi kan tilføje vores webapp-ikon på en startskærm.
  • Push-underretninger - Vi kan integrere push-meddelelse som i en oprindelig app via Push API og Notification API til internettet.
  • Splash Screen - En manifest fil administrerer splash skærm til din PWA for rækkevidde engagement som en oprindelig app
  • Geo Location - Vi kan få adgang til brugerens aktuelle placering via Geolocation API
  • Offline arbejdstilstand - På grund af servicemedarbejder, der administrerer cachemekanisme, får vi rig brugeroplevelse, selvom der ikke er internet.
  • Adgang til mediefunktioner - Vi har adgang til mikrofon-, video- og kameraenheder. Implementere også video- og lydopkaldsfunktionalitet ved hjælp af WebRTC API.

Generelt behøver du ikke at udvikle en separat mobilapp til det samme projekt, hvis dine krav er opfyldt med PWAs funktioner. Det betyder, at PWA stadig kæmper for at levere nogle native apps funktioner.

Ja, det er et wow-øjeblik for webudviklere. Andre nyttige funktioner er allerede på vej. PWA ser allerede frem til at levere native app-lignende funktioner. Lad os se på de funktioner, der virkelig er nyttige for os.

PWA understøtter følgende funktioner i fremtiden som:

  • Bluetooth - Web Bluetooth API er under udvikling, og vi får snart adgang til Bluetooth på webplatformen.
  • Sensorer - Sensorer er en virkelig vigtig del af dagens udviklingsalder. Nogle sensors adgang er allerede under udvikling som omgivelseslyssensor, nærhedsføler, accelerometer sensor, magnetometer sensor og en gyroskop sensor.
  • Native Sharing - Vi kan påkalde enhedens oprindelige delingsmekanisme som en del af Web Share API.
  • Fingeraftrykssensor - Vi kan autentificere brugere via fingeraftrykssensoren ved hjælp af Web Authentication API. Men er den stadig under udvikling på grund af sikkerhedsmæssige årsager.

Hvorfor alle vedtager PWA i dag?

Efter at have læst nogle statistikker over store virksomheder, der vedtager PWA, kender du PWA's magt og forstår klart, hvorfor alle vil gå til PWA.

Her vil jeg vise dig nogle data fra PWA-casestudier af populære virksomheder:

  • Twitter udviklede Twitter Lite Progressive Web App i april 2017, og i resultatet øger twitter sider pr. Session med 65%, sendte tweets steg med 75% og Bounce rate falder med 20%.
  • Flipkart, Indias største e-handelswebsted besluttede at lukke den eneste app-strategi i 2015. Herefter kom de med Flipkart Lite, som er drevet af PWA, og du vil blive forbløffet over at læse Det er fantastiske resultater. Brugere brugte mere tid på webstedet med en hastighed på 3x, geninddragelsesraterne er 40% højere, 70% større konverteringsfrekvens blandt dem, der ankommer via skærmbilledet Tilføj til hjemmet, og 3x lavere dataforbrug sammenlignet med den oprindelige app.
  • Alibaba.com, verdens største online B2B-handelsplatform. Alibaba.com kom med en ny strategi som PWA til at levere en god brugeroplevelse for både første gangs besøgende og gentagne besøgende. Deres nye strategi kom med overraskende resultater. Alibaba.com fik 76% højere konverteringsfrekvens på tværs af browsere, fik 4% flere månedlige aktive brugere på iOS & 30% på Android og 4x højere interaktionsrate fra Tilføj til startskærm.

Ja, det er utroligt, og vi er nødt til at acceptere skønheden i den progressive webapp. Nu forstår du, hvorfor jeg tvinger dig til at gøre PWA til din bedste ven.

Play Store er klar til at offentliggøre PWA'er

Ja ja Ja! Play Store og PWA'er er nu blevet venner. Nu kan vi offentliggøre PWA'er i play store ved hjælp af Trusted Web Activity (TWA). Google Chrome 72 tilføjede betroede webaktiviteter til understøttelse af webvisning på fuld skærm uden at vise URL eller nogen browserrelaterede elementer. Så du kan generere en APK af din web-app og uploade den til play-butik ved hjælp af Android-studio og en vis viden om Android-udvikling.

Her anbefaler jeg dig at se videoen nedenfor for at få detaljeret kendskab til TWA:

Eksistensen af ​​PWA'er som Facebook Lite, Instagram Lite, Flipkart Lite og Twitter Lite bruger for det meste WebView og giver os applignende fornemmelse. Men husk, at Apple stadig ikke yder støtte til TWA.

I sidste ende kan vi sige, at PWA er en god og omkostningseffektiv tilgang til at udvikle vores webapps. Det er helt sikkert en fremtid for webudvikling. Vi håber, at PWA tjener os mere i fremtiden som altid.

Klap Klap Klap! Fordi klapping er en god vane