on kulunut vuosia älypuhelimen aikakauden alusta. Sen myötä tuli natiivien sovellusten aikakausi. Sovellukset ovat edelleen valtava rooli jokapäiväisessä elämässä, ja monet yritysten omistajat ovat kysyneet itseltään useita kertoja: pitäisikö meillä olla sovellus? Tietenkin, ainoa vastaus siihen on-se riippuu. Natiivisovelluksen Rakentaminen ja ylläpito on vaivalloista ja usein melko kallista. Onneksi on toinenkin vaihtoehto. Tämä vaihtoehto yhdistää natiivisovelluksen ilot Webissä käyttämäämme teknologiaan: progressive web app, alias PWA.

mikä on PWA?

PWA tulee sanoista progressive web app. Tämä on sovellus rakennettu web technologies me kaikki tiedämme ja rakkaus, kuten HTML, CSS, ja JavaScript, mutta tuntuu ja toiminnallisuus, joka kilpailee todellinen natiivi sovellus. Kiitos pari fiksu lisäyksiä, voit muuttaa lähes minkä tahansa sivuston osaksi progressiivinen web-sovellus. Tämä tarkoittaa, että voit rakentaa PWA melko nopeasti, suhteen natiivi sovellus, joka on melko vaikea kehittää. Lisäksi voit tarjota kaikkia natiivisovellusten ominaisuuksia, kuten push-ilmoituksia, offline-tukea ja paljon muuta.

monet netistä löytyvät sivustot ovat itse asiassa progressiivisia verkkosovelluksia. Ota twitter.com esimerkiksi. Jos vierailet kyseisellä sivustolla älypuhelimellasi, voit asentaa sen aloitusnäyttöön. Nyt, avaamalla tallennetun Twitter-sivuston, huomaat, että se näyttää ja toimii aivan kuten natiivi sovellus. Siellä ei ole selainikkunaa tai mitään. Ei ole eroa käynnissä se iPhone tai Android älypuhelin. Kirjaudu sisään ja olet valmis lähtemään. Se on merkittävä etu rakentaa web-sovellus PWA mielessä.

Pwat kasvattavat suosiotaan. Monet suuret sivustot ovat PWAs, kuten Starbucks.com, Pinterest.com, Washingtonpost.com ja Uber.com ovat todella asennettavissa aloitusnäytössä ja tarjoavat vertailukelpoisen kokemuksen natiivisovelluksiinsa.

Mitä eroa on natiivisovelluksella ja PWA: lla?

natiivi sovellus, kuten Applen App Storesta tai Googlen Play-Kaupasta Ladattavat, on usein rakennettu kyseiselle alustalle ominaisella ohjelmointikielellä. Joten iOS-Sovellukset, että olisi Swift ja Android-Sovellukset, Java. Jos haluat rakentaa sovelluksen näille alustoille, sinun täytyy tietää tekniikka. Oikoteitä kyllä on, mutta niissä on omat rajoituksensa. Jos haluat sovelluksen kaikilla mobiilialustoilla, sinun täytyy tuntea kaikki eri teknologiat. Ei ole helppoa tapaa rakentaa sellaista ja julkaista sitä kaikkiin kauppoihin.

on tietysti olemassa keinoja, joilla saadaan molempien maailmojen parhaat puolet. Progressive web app, esimerkiksi. Tämä toimii selaimessa ja — kun se on tallennettu aloitusnäyttöön-toimii kuin natiivi sovellus. Se saa jopa käyttöoikeuden taustalla olevaan laitteistoon ja ohjelmistoon, jota selain ei turvallisuussyistä voi käyttää. Jos PWA toimii hyvin, käyttäjät eivät koskaan tiedä, että he käyttävät web-pohjainen sovellus sijaan natiivi yksi.

joitakin varoituksia toki on. Vaikka selaimet ovat olleet nopeita omaksumaan tekniikan tähän, on vielä joitakin rajoituksia. IOS: llä tarvittava tekniikka toimii Safarissa pilkullisesti. Apple ei (halua) tue kaikkea vielä, joten on hieman työlästä saada sama tarkka kokemus kaikkialla.

mitä hyötyä PWA: sta on?

suurin syy siihen, miksi kaikki jahtaavat sovelluksia, on se, että ne tarjoavat enemmän sitoutumista. Käyttäjät, jotka asentavat sovelluksesi, ovat suurimpia fanejasi ja he todennäköisemmin muuttavat käyttönsä myynniksi tai rekisteröitymisiksi. Push-ilmoitusten ansiosta käyttäjien kanssa on paljon helpompi käydä uudelleen. Sovellukset voivat tarjota erinomaisen kokemuksen, jolla voi pärjätä brändille.

puhuimme tässä artikkelissa joistakin pwas: n plussista, mutta tässä lyhyt katsaus:

• sinun ei tarvitse käydä läpi prosessia päästäksesi erilaisiin sovelluskauppoihin
• voit rakentaa Pwoja yhteisillä verkkoteknologioilla
• ne ovat usein halvempia rakentaa
• koska muutat sivustosi sovellukseksi, sinulla on vähemmän koodipohjia ylläpitääksesi
• Pwat ovat reagoivia ja toimivat monilla eri näyttökooilla
• Pwat ovat sujuvia, nopeita ja kevyitä
• ei tarvitse luovuttaa isoa rahakimpaleet Googlelle ja Applelle
• ne toimivat offline-tilassa, toisin kuin tavalliset sivustosi
• pwat ovat löydettävissä hakukoneiden kautta (joilla on paljon suurempi yleisö kuin sovelluskaupat. Lisäksi, jos haluat, voit silti saada PWA: si jaettavaksi sovelluskauppojen kautta)
• voit käyttää push-ilmoituksia käyttäjien uudelleen sitouttamiseen
• PWA: n asentaminen voi johtaa suurempaan sitoutumiseen

edelleen, natiivisovellukset voittavat joskus. Pwat pääsevät yhä syvemmälle älypuhelimen käyttöjärjestelmään, mutta natiivi sovellus voi mennä vielä syvemmälle. Lisäksi PWA: lla on rajansa. Esimerkiksi Pwat eivät ole paras valinta, kun haluat rakentaa suorituskykyisiä pelejä.

kaiken kaikkiaan on paljon järkeä ajatella, että mobiilistrategiassa on PWA. Mutta tärkein kysymys sinun pitäisi kysyä itseltäsi on: haluaako yleisöni tätä?

kenelle tämä on?

pitäisikö kaikkien vain rakentaa PWA ja tehdä se? Ei, harkitse liiketoimintaasi ja — mikä tärkeintä-kohdeyleisöäsi. Käyttävätkö he edes sovelluksia? Eikö tämä ole liian monimutkainen tapa päästä siihen, mitä haluat saavuttaa? Jälleen, kuten kaikki, sinun täytyy tutkia tarpeita yleisösi. Kysy itseltäsi, mitä haluat tämän teknologian tekevän? Missä käyttäjät ovat? Onko heillä hyvä datayhteys ja vankka laitteisto? Miten ja missä he käyttävät sisältöäsi? Luuletko, että sovellus auttaa heitä tekemään työnsä paremmin?

Pwat ovat mahtavia, eikä niiden toteuttamisen tarvitse olla kovin vaikeaa. Mutta vaikka se on helppoa, se ei tarkoita, että sinun pitäisi tehdä se. Jos yleisösi ei tarvitse sitä, miksi rakentaisit sellaisen?

mitkä ovat PWA: n SEO-huolenaiheet?

PWA on luonnostaan verkkokeskeinen. Se syntyi verkosta ja kehitettiin hakukoneita silmällä pitäen, jotta löytäminen olisi helppoa. Tietenkin, voit tehdä progressiivinen web-sovellus pois tahansa-vanha sivusto ja se ei vie paljon tehdä niin. Kuitenkin, monet PWAs käyttää JavaScript rakentaa monimutkaisempia toimintoja ja vaikka hakukoneet ovat tulleet apt renderöinti JavaScript, se voi silti olla syytä huoleen.

PWA: ta perustettaessa on varmistettava, että JavaScript on käytettävissä. Älä estä tiedostoja botteja ja varmista, että linkit ovat käytettävissä. Parantaa renderöintiprosessia voit tehdä JavaScript framework käyttää palvelinpuolen renderöinti.

sivustosi muuttaminen PWA: ksi ei tarkoita, että suoraan parannat kyseisen sivuston SEO: ta. Jos on järkevää muuttaa sivustosi PWA, tee niin, mutta älä tee sitä mitään havaittuja SEO etuja. Jos sinulla on suuri PWA, tarjoat käyttäjille fantastinen käyttökokemus, joka saattaa tehdä sinusta yhden-Up Oman kilpailun. Tässä suhteessa, se on hyvä idea katsomaan niitä mobiili SEO strategia.

mitkä ovat kolme tärkeintä rakennuspalikkaa?

PWA: n perustaminen ei vaadi paljoa. On kolme asiaa sinun täytyy antaa ennen kuin sivustosi muuttuu voimassa PWA.

• suojattu yhteys (HTTPS): Pwat toimivat vain luotetuilla yhteyksillä, sinun täytyy palvella niitä suojatun yhteyden yli. Tämä ei ole vain turvallisuussyistä, mutta se on myös erittäin tärkeä luottamustekijä käyttäjille.
• palvelutyöntekijä: palvelutyöntekijä on taustalla pyörivä käsikirjoituspala. Tämä auttaa sinua määrittämään, miten käsitellä verkon pyyntöjä PWA, jolloin on mahdollista tehdä monimutkaisempaa työtä.
• manifest-tiedosto: Tämä JSON-tiedosto sisältää tietoja siitä, miten PWA: n tulisi näkyä ja toimia. Tässä määritellään nimi, kuvaus, kuvakkeet, värit ja niin edelleen.

tässä on Googlen esimerkkiluettelo:

se ei näytä liian vaikealta, eihän? Pari mielenkiintoista asiaa tässä listauksessa:

• start-url: tämä määrittää, mistä sovellus kannattaa aloittaa. On parempi antaa käyttäjien laskeutua tietylle sivulle sinulle PWA.
• display: näin voit määrittää, minkä tyyppistä selaimen käyttöliittymää haluat näyttää. Vaihtoehdot ovat fullscreenstandaloneminimal-ui ja standardi browser liitäntä.

nämä kolme edellä lueteltua asiaa ovat vähimmäisvaatimukset PWA: n pyörittämiselle. Voit laajentaa toiminnallisuutta JavaScriptin (frameworks) kautta.

Kuinka perustaa PWA?

on runsaasti resursseja kokeilla yksinkertaisen PWA: n rakentamista. Näin saat tuntumaa prosessiin. Google on erinomainen, helppo seurata opetusohjelma pwas verkossa.dev site. Mozillalla on paljon dokumentaatiota progressiivisten verkkosovellusten rakentamisesta. Microsoftilla on myös runsaasti kehittäjädokumentteja Pwojen rakentamisesta. Microsoft jopa rakennettu työkalu nimeltään PWABuilder, joka auttaa sinua muuttamaan sivustosi PWA. Tietenkin, on olemassa WordPress plugins, joiden avulla voit tehdä PWA sivustosi. Lisäksi Google pyrkii tuomaan pwas-Pohjatuen WordPress-ytimeen.

sitouta käyttäjäsi progressiivisella verkkosovelluksella

progressiiviset verkkosovellukset voivat olla hyvä lisä mobiilityökalupakkiisi. Hyvin tehty, ne ovat nopeita, toimivat offline-tilassa ja toimivat kuin natiivi sovellus. Kaiken kaikkiaan ne voivat tarjota käyttäjillesi mahtavan käyttökokemuksen. Sitoutuneet käyttäjät ovat onnellisia käyttäjiä, eikö?