Gjør Progressive Web App (PWA) til din beste venn

“PWA er en revolusjonerende for nettutvikling. Det hjelper til med å øke produktiviteten din ved å levere en god brukeropplevelse som kombinerer fordelene med både web- og mobilapper til minimale kostnader. "
Et håndtrykk er en god praksis

En risting med PWA holder kunden din engasjert. Og PWA er alltid klar til å bli din beste venn, hvorfor sender vi ikke en venneforespørsel til PWA?

Det er på tide å ta et godt skritt mot PWA, og jeg skal forklare hvordan vennskapet ditt er fordelaktig for deg med PWA!

Ikke forveksle med PWA

Av noen grunner er det mange som tror at PWA-er er enkeltsidesapplikasjoner (SPA).
Dette er galt, egentlig veldig galt (med statuskode 400 ).

En SPA kan være en PWA, men en PWA trenger ikke å være en SPA.

PWA elsker å jobbe med alle

Nettsted bygget på et rammeverk eller bibliotek som ReactJs, Angular, VueJS eller til og med i HTML kan være en PWA.

På enkleste vilkår er en Progressive Web App en mobilnett som er transformert med tilleggsfunksjoner og funksjoner som gir den en "appliknende" følelse. Den fungerer ved å bruke en forekomst av nettleser og bruker servicemedarbeider for å sikre jevn drift selv uten pålitelig internettforbindelse.

Hvis du har en myte om at PWA er en Google-teknologi, er disse informasjonsdelene nok til å fjerne myten. Progressive Web-apper er basert på nettstandarder. Det fungerer med hver nettleser og hver plattform.

Så det er et nettsted - men det føles som en innebygd mobilapp, med en sprutskjerm, tilpasset lasteskjerm, jevnere animasjoner, pushvarsler og ingen navigasjonslinje. De gjennomsnittlige sluttbrukere kan kalle det en mobilapp.

Progressive webapplikasjoner er nettsteder som må oppfylle tre tekniske krav:

  • Må serveres ved hjelp av HTTPS (Secure)
  • Ha en gyldig Web Manifest-fil med et minimalt spesifikt sett med ikoner
  • Bør registrere en gyldig servicearbeider og minimal offline-støtte

Ingensteds i disse kravene sier at nettstedet må bruke JavaScript. Vel, kort sagt, må du registrere tjenestearbeideren ved å bruke JavaScript på klientsiden.

PWA støtter funksjoner som nedenfor:

  • Festing til en startskjerm - Vi kan legge til webapp-ikonet på en startskjerm.
  • Push Notifications - Vi kan integrere pushvarsling som i en egen app via Push API og Notification API for web.
  • Splash Screen - En manifest fil administrerer sprutskjerm for din PWA for rekkeviddeengasjement som en egen app
  • Geo Location - Vi har tilgang til brukerens nåværende beliggenhet via Geolocation API
  • Frakoblet arbeidsmodus - På grunn av servicemedarbeider som administrerer hurtigbufremekanisme, vil vi få rik brukeropplevelse selv om det ikke er noe internett.
  • Få tilgang til mediefunksjoner - Vi har tilgang til mikrofon-, video- og kameraenheter. Implementere også video- og lydanropsfunksjonalitet ved hjelp av WebRTC API.

Totalt sett trenger du ikke å utvikle en egen mobilapp for det samme prosjektet hvis kravene dine er oppfylt med PWAs funksjoner. Det betyr at PWA fortsatt sliter med å tilby noen native app-funksjoner.

Ja, det er et wow-øyeblikk for nettutviklere. Andre nyttige funksjoner er allerede på vei. PWA ser allerede frem til å tilby native app-lignende funksjoner. La oss se på funksjonene som virkelig vil være nyttige for oss.

PWA vil støtte følgende funksjoner i fremtiden som:

  • Bluetooth - Web Bluetooth API er under utvikling, og vi vil snart få tilgang til Bluetooth på nettplattformen.
  • Sensorer - Sensorer er en veldig viktig del av dagens utviklingstid. Noen sensors tilgang er allerede i utvikling som omgivelseslys sensor, nærhetssensor, akselerometer sensor, magnetometer sensor og en gyroskop sensor.
  • Native Sharing - Vi kan påkalle den innebygde delingsmekanismen til enheten som en del av Web Share API.
  • Fingerprint Sensor - Vi kan autentisere brukere via fingeravtrykssensoren ved å bruke Web Authentication API. Men er den fortsatt under utvikling på grunn av sikkerhetsmessige årsaker.

Hvorfor alle vedtar PWA nå for tiden?

Etter å ha lest statistikk over store selskaper som tar i bruk PWA, vil du kjenne kraften til PWA og tydelig forstå hvorfor alle vil gå for PWA.

Her vil jeg vise deg noen data fra PWA case-studier av populære selskaper:

  • Twitter utviklet Twitter Lite Progressive Web App i april 2017, og i resultatet øker twitter sider per økt med 65%, tweets sendte økning med 75% og avvisningsraten reduseres med 20%.
  • Flipkart, Indias største e-handelsnettsted, bestemte seg for å legge ned den eneste app-strategien i 2015. Etter det kom de med Flipkart Lite som er drevet av PWA, og du vil bli overrasket av å lese Det er flotte resultater. Brukere tilbrakte mer tid på stedet med en hastighet på 3x, om engasjementstallene er 40% høyere, 70% større konverteringsfrekvens blant dem som kommer via Legg til Hjem-skjermen, og 3x lavere dataforbruk sammenlignet med den native appen.
  • Alibaba.com, verdens største online B2B-handelsplattform. Alibaba.com kom med en ny strategi som PWA for å levere en flott brukeropplevelse for både første gangs besøkende og gjentatte besøkende. Deres nye strategi kom med overraskende resultater. Alibaba.com fikk 76% høyere konverteringsfrekvenser i nettlesere, fikk 4% flere månedlige aktive brukere på iOS og 30% på Android og 4x høyere interaksjonsrate fra Legg til Hjem-skjermen.

Ja, det er utrolig, og vi må akseptere skjønnheten i den Progressive Web-appen. Nå forstår du hvorfor jeg tvinger deg til å gjøre PWA til din beste venn.

Play Store er klar til å publisere PWAer

Ja ja ja! Play Store og PWA-er har nå blitt venner. Nå kan vi publisere PWAer i play store ved hjelp av Trusted Web Activity (TWA). Google Chrome 72 la til pålitelige nettaktiviteter for å støtte webvisning på fullskjerm uten å vise URL eller nettleserrelaterte elementer. Så du kan generere en APK av nettappen din og laste den opp for å spille butikk ved hjelp av Android studio og litt kunnskap om Android-utvikling.

Her anbefaler jeg deg å se video under nedenfor for å få detaljert kunnskap om TWA:

Eksistensen av PWAer som Facebook Lite, Instagram Lite, Flipkart Lite og Twitter Lite bruker stort sett WebView og gir oss applignende følelser. Men husk at Apple fremdeles ikke gir støtte til TWA.

Til slutt kan vi si at PWA er en god og kostnadseffektiv tilnærming for å utvikle webappene våre. Det er sikkert en fremtid for nettutvikling. Vi håper PWA tjener oss mer i fremtiden som alltid.

Clap Clap Clap! Fordi klapping er en god vane