Progressiiviset Web-sovellukset - modernin webin tulevaisuus?

Nykyään Progressive Web Apps (PWA) on kaupungin keskustelu, joka johtuu lähinnä niiden uskomattomasta käytettävyydestä ja ainutlaatuisesta käyttäjäkokemuksesta. Web-sivustojen ja alkuperäisten sovellusten yhdistelmäominaisuuksilla PWA: t ovat tulossa normi monilaitteisiin web-sovelluksiin jotta kehittäjät voivat rakentaa nopeasti lataavia dynaamisia sovelluksia käyttämättä hybridikehyksiä.

Uskon, että progressiiviset Web-sovellukset ovat verkkosivustojen tulevaisuus - Seuraavassa kirjoitan keskustelemaan sen eduista ja käytän tapauksia, jotta saat koko kuvan. Mennään siihen.

Mitä ovat progressiiviset Web-sovellukset?

Termi “Progressiiviset Web-sovellukset” Aloitti Alex Rusell (Google Chromen kehittäjä) ja Frances Berriman (suunnittelija). Alex jakoi ajatuksensa Progressive Web Appsista “Nämä sovellukset eivät ole pakattuja ja niitä ei käytetä myymälöiden kautta sivustot, jotka ottivat kaikki oikeat vitamiinit“.

“Sivustojen, jotka haluavat lähettää sinulle ilmoituksia tai olla kotinäytössä, on ansaittava tämä oikeus ajan mittaan, kun käytät niitä yhä enemmän. He tulevat asteittain “sovellukset”“, kirjoitti Alex PWA: n appinessa. Lopuksi hän päätti, “nämä sovellukset voivat tuottaa tasaisen parempaa käyttäjäkokemusta kuin perinteiset web-sovellukset“.

Web-sovellukset vs. progressiiviset Web-sovellukset

Web-sovellukset tai perinteiset web-sovellukset ovat asiakkaan puolella olevia sovelluksia suorita suoraan verkkoselaimessa. Vaikka ne ovat parempia kuin sivustot, heillä on ongelmia. Jos et tiedä eroa Web-sovellusten ja sivustojen välillä, web-sovellukset poikkeavat verkkosivustoista, koska web-sovellukset näyttävät ja tuntevat olonsa alkuperäisiksi sovelluksiksi.

Näin ollen progressiiviset Web-sovellukset ovat seuraavan sukupolven web-sovelluksia jotka toimivat enemmän kuin alkuperäisiä sovelluksia käyttämällä laitteen alkuperäisiä parannuksia. Esimerkiksi Progressive Web Apps voi hyödyntää natiiviominaisuuksia kuten kamera, majakat jne. sekä ominaisuuksia, kuten offline-välimuisti, push-ilmoitukset jne.

Miksi tarvitsemme progressiivisia Web-sovelluksia?

Meillä on kotimaisia ​​sovelluksia, jotka ovat uskomattoman nopeita ja luotettavia jopa pahimmissa tilanteissa, kuten hidas tai ei-yhteydet. Mutta sitten meillä on verkkosivustoja ja web-sovelluksia, jotka ovat hitaita eivätkä toimi hyvin ilman verkko-olosuhteita. Siksi useimmat ihmiset suosivat alkuperäisiä sovelluksia.

Nopeutetut mobiilisivut (AMP), joka on Googlen kannustama hanke, aloitettiin vuonna 2016 ratkaista hitaita yhteysongelmia, erityisesti älypuhelimissa, ja tarjota parempaa käyttäjäkokemusta mobiilikäyttäjille. AMP ei kuitenkaan ratkaise verkko-ongelmien ongelmia. Se ei myöskään nopeuta latausaikaa niin paljon kuin alkuperäisiä sovelluksia, ja taas siinä on muutamia rajoituksia tämän nopeuden saavuttamiseksi.

Siksi tarvitsemme progressiivisia Web-sovelluksia. PWA: t tarjoavat paras mahdollinen käyttäjäkokemus hitaassa tai ei-verkostossa olosuhteissa. Esimerkiksi PWA voi näyttää edistymisnäytön, kun se lataa sisältöä tai splash-näyttöä, kun verkkoyhteyttä ei ole..

Miksi progressiiviset Web-sovellukset ovat järkeviä?

ComScorein vuoden 2017 USA: n mobiilisovellusraportin mukaan sovelluksen käyttäjät viettävät lähes 77 prosenttia ajastaan ​​kolmen parhaan sovelluksensa aikana, kun taas muut sovellukset pysyvät tyhjäkäynnillä, mutta estävät silti järjestelmän resurssit, kuten muisti. Lisäksi se myös jakaa sen 50 prosenttia käyttäjistä lataa nollasovelluksia kuukaudessa. Tämä viittaa siihen, että käyttäjät epäröivät asentaa uusia sovelluksia, joten PWA: lla on reuna.

Mielestäni ihmiset pääsevät enimmäkseen työpöydän sivuille, mutta mieluummin sovelluksia mobiililaitteissa (luonnolliset sovellukset). Syynä on se, että tietokoneet tarjoavat paljon enemmän verkkoresursseja kuin älypuhelimet, ja sovellukset kuluttavat vähemmän resursseja kuin vastaavilla verkkosivuillaan. Ne ovat myös nopeita ja luotettavia.

Lisäksi kotoiset sovellukset maksavat paljon enemmän kuin sivustot - jopa viisi tai kymmenen kertaa tai enemmän hankkeen tyypistä riippuen. Lisäksi niiden kustannukset voivat moninkertaistua, jos on tarpeen kehittää paikallisia sovelluksia useille alustoille (esim. Android ja iOS), joilla on erilaiset koodipohjat. PWA voi kuitenkin auttaa minimoida tällaiset korkeat kehityskustannukset, sen ansiosta, että se tukee eri alustoja.

Progressiiviset Web-sovellusten ominaisuudet

Progressiivisilla Web-sovelluksilla on monia suoria ominaisuuksia, jotka tekevät niistä erillään yksinkertaisemmista vastineistaan, eli web-sovelluksista (tai yksinkertaisemmista - verkkosivustoista):

• herkkä. Työskentele kaikilla näytön kokoisilla laitteilla.
• Poissa-first. Lataa myös hidas tai ei verkko.
• Sovellusta tuntuu. Katsokaa ja toimi kuten natiivi sovellus.
• Ajantasalla. Päivitä itse, lähes läpinäkyvästi.
• Turvallinen ja turvallinen. Lataa sivuresursseja HTTPS: n avulla.
• löydettävissä. Käytä sisältöä hakukoneisiin.
• Uudelleen kytkettävissä. Ota uudelleen yhteyttä, sano ilmoitusten avulla.
• asennettavissa. Voidaan sijoittaa kotinäyttöön.
• yhdistettävissä. Lataa sovelluksen kaltaisia ​​sivuja, mutta URL-osoitteita.

Mielestäni mielenkiintoista on, että progressiiviset Web-sovellukset eivät näytä ja tuntuu natiivisilta sovelluksilta vaan myös pääsy laitteen alkuperäisiin ominaisuuksiin. Tämä tarkoittaa sitä, että PWA voi ottaa sinusta kuvan kameran avulla. Minun on kuitenkin jaettava, ettei se pääse rajoitettuihin ominaisuuksiin, kuten sijaintiin, puhelimeen tai tekstiviestiin.

Huomautus: Voit lukea lisää sen ominaisuuksista ja muista yksityiskohdista tässä viestissä.

Progressiivisten Web-sovellusten luominen?

Google tarjoaa “Progressiivinen Web-sovelluksen tarkistuslista” - yksityiskohtainen luettelo, joka auttaa aloittelijoita luomaan progressiivisia Web-sovelluksia. Tämä ei-opasluettelo jakaa tarvittavat ominaisuudet PWA: iden luomiseksi - “Perustason PWA” ja “Esimerkinomainen PWA”; edellisessä luetellaan tärkeimmät asiat perusohjelmalle ja jälkimmäiselle edistyneelle sovellukselle.

Lisäksi on olemassa erilaisia ​​työkaluja PWA: n rakentamisessa. Esimerkiksi majakka on ilmainen, avoin lähde työkalu verkkosivun parantamiseen mukaan lukien saavutettavuuden, suorituskyvyn ja PWA-ominaisuuksien laatutarkastukset. Toinen ominaisuus on Workbox, joka auttaa rakenna sovelluksia, joissa on offline-ensimmäinen kokemus.

Ovatko Progressive Web Apps tulevaisuudessa?

Vaikka progressiiviset Web-sovellukset eivät välttämättä ratkaise kaikkia sovellusongelmia tai korvata alkuperäisiä sovelluksia joissakin lähitulevaisuudessa, uskon kuitenkin, että sillä on merkittävä rooli sen hyödyt, jotka ovat paljon enemmän kuin sen rajoitukset. Ja lähes kaikki suuret alustat, jotka tukevat PWA: ita, eivät ole kaukana näemme niitä kaikkialla.

Apple esitteli PWA-ominaisuudet (Web-sovellusliittymät) Safari 11.1: ssä, mukaan lukien Beacon API, Palvelun työntekijät, Web App Manifest jne .; jolloin PWA: t tuodaan iOS: iin pian, jos ei jo. Google on jo tukenut PWA: ita Chromeissa Androidille, ja se aikoo tuoda sen myös työpöydälle. Microsoft lisäsi myös PWA: iden tukemista Microsoft Edgessä ja luetteloi ne myös Microsoft Storessa.

Mitä mieltä sinä olet - ovat progressiivisia Web-sovelluksia tulevaisuudessa? Haluan tietää suoraan osoitteesta @aksinghnet tai kirjoittaa kommentin alla olevien kommenttien kautta jättääksesi vastauksen.