az okostelefon kora óta eltelt évek. Ezzel jött a natív alkalmazások kora. Az alkalmazások továbbra is hatalmas szerepet játszanak mindennapi életünkben, és sok cégtulajdonos többször is feltette magának a kérdést: Van-e alkalmazásunk? Természetesen az egyetlen válasz erre-ez attól függ. A natív alkalmazás kiépítése és fenntartása nehézkes és gyakran meglehetősen drága. Szerencsére van egy másik lehetőség. Ez az opció egyesíti a natív alkalmazás örömeit az interneten használt technológiával: a progresszív webes alkalmazás, más néven PWA.

mi az a PWA?

PWA jelentése progresszív web app. Ez egy app épült a webes technológiák mindannyian tudjuk, és szeretem, mint a HTML, CSS, JavaScript, de egy érzés, funkcionalitás, hogy vetekszik a tényleges natív alkalmazás. Néhány intelligens kiegészítésnek köszönhetően szinte minden webhelyet progresszív webes alkalmazássá alakíthat. Ez azt jelenti, hogy lehet építeni egy PWA meglehetősen gyorsan, annak tekintetében, hogy egy natív alkalmazás, ami elég nehéz fejleszteni. Ráadásul a natív alkalmazások összes funkcióját kínálhatja, mint például a push értesítések, az offline támogatás stb.

sok olyan webhely, amelyet online talál, valójában progresszív webes alkalmazás. Take twitter.com például. Ha meglátogatja ezt a webhelyet az okostelefonon, telepítheti azt a kezdőképernyőre. Most, amikor megnyitja a mentett Twitter webhelyet, észre fogod venni, hogy úgy néz ki, mint egy natív alkalmazás. Nincs böngészőablak vagy semmi. Nincs különbség az iPhone vagy az Android okostelefon futtatásában. Egyszerűen jelentkezzen be, és akkor jó, hogy menjen. Ez egy nagy előnye az épület a web app egy PWA szem előtt tartva.

a PWAs egyre népszerűbb. Sok nagy oldalak PWAs, mint Starbucks.com, Pinterest.com, Washingtonpost.com és Uber.com valójában telepíthető a kezdőképernyőn kínál hasonló élményt a natív alkalmazások.

mi a különbség egy natív alkalmazás és egy PWA között?

egy natív alkalmazás, mint például az Apple App Store-ból vagy a Google Play áruházából letöltött alkalmazások, gyakran az adott platformra jellemző programozási nyelven épül fel. Tehát az iOS-Alkalmazások esetében ez gyors lenne, az Android-alkalmazások esetében pedig a Java. Ha alkalmazást szeretne építeni ezekre a platformokra, ismernie kell a technológiát. Igen, vannak parancsikonok, de ezek saját korlátozásokkal járnak. Ha azt szeretnénk, hogy egy alkalmazás az összes mobil platformon, meg kell tudni, hogy a különböző technológiák. Nincs egyszerű módja annak, hogy építsünk egyet, és kiadjuk az összes boltnak.

természetesen vannak módok mindkét világ legjobbjainak elérésére. Egy progresszív webes alkalmazás, például. Ez a böngészőben fut, majd — Miután elmentette a kezdőképernyőre-úgy működik, mint egy natív alkalmazás. Még a mögöttes hardverekhez és szoftverekhez is hozzáférést kap, amelyekhez a böngésző biztonsági okokból nem fér hozzá. Ha a PWA nagyszerűen teljesít, a felhasználók soha nem fogják tudni, hogy webes alkalmazást használnak natív helyett.

természetesen van néhány figyelmeztetés. Míg a böngészők gyorsan elfogadták a technológiát erre, még mindig vannak korlátozások. IOS rendszeren a szükséges technológia foltos a Safari-ban. Az Apple még nem támogat mindent (akar), így egy kicsit házimunka, hogy mindenhol ugyanazt a pontos élményt kapja.

milyen előnyei vannak a PWA-nak?

a fő ok, amiért mindenki üldözi az alkalmazásokat, az az, hogy nagyobb elkötelezettséget kínálnak. Azok a felhasználók, akik telepítik az alkalmazást, a legnagyobb rajongók, és nagyobb valószínűséggel fordítják használatukat értékesítésre vagy regisztrációra. A push értesítéseknek köszönhetően sokkal könnyebb újra kapcsolatba lépni a felhasználókkal. Az alkalmazások kiváló élményt nyújthatnak, amely jól működik egy márka számára.

beszéltünk néhány plusses a pwas ebben a cikkben, de itt van egy rövid áttekintés:

• nem kell, hogy menjen át a folyamatot, hogy a különböző app tárolja
• lehet építeni PWAs a közös webes technológiák
• gyakran olcsóbb építeni
• Mivel maga fordult a honlap egy app, majd kevesebb kód-bázis fenntartása
• PWAs érzékeny, valamint a munka sok különböző méretben kapható
• PWAs vagy sima, gyors, könnyű
• Nem kell a kezét, nagy adag pénzt, hogy a Google az Apple
• működik offline, nem úgy, mint a rendes helyén
• PWAs vagy felfedezhető keresztül keresők (ami sokkal nagyobb közönség, mint az alkalmazásboltok. Plusz, ha azt szeretné, hogy továbbra is megkapja a PWAs-t az alkalmazásboltokon keresztül)
• a push értesítések segítségével újra bekapcsolhatja a felhasználókat
• a PWA telepítése magasabb elkötelezettséghez vezethet

mégis, a natív alkalmazások néha nyernek. A pwas egyre mélyebb hozzáférést kap egy okostelefon operációs rendszeréhez, de egy natív alkalmazás még mélyebbre mehet. Plusz, vannak határok, hogy mit tehet egy PWA. Például a PWAs nem a legjobb választás, ha nagy teljesítményű játékokat szeretne építeni.

mindent összevetve, sok értelme van arra gondolni, hogy van egy PWA a mobil stratégiájában. De a fő kérdés, amit fel kell tennie magának: a közönségem ezt akarja?

kinek szól ez?

mindenkinek egyszerűen építenie kell egy PWA-t, és meg kell csinálni vele? Nem, vegye figyelembe az üzletét és-ami még fontosabb-a célközönségét. Még alkalmazásokat is használnak? Nem ez egy túlságosan összetett módja annak, hogy elérje azt, amit el akar érni? Ismét, mint minden, meg kell kutatnia a közönség igényeit. Kérdezd meg magadtól, mit akarsz csinálni ezzel a technológiával? Hol vannak a felhasználók? Jó adatkapcsolattal és szilárd hardverrel rendelkeznek? Hogyan és hol használják az Ön Tartalmát? És szerinted egy alkalmazás segíthet nekik jobban elvégezni a munkájukat?

a PWAs félelmetes, és a megvalósításuk nem kell, hogy olyan nehéz legyen. De csak azért, mert könnyű, nem jelenti azt, hogy meg kell tennie. Ha a közönségnek nincs rá szüksége, miért építene egyet?

melyek a PWA SEO aggályai?

a PWA eredendően web-centrikus. Az internetről született, és keresőmotorokkal fejlesztették ki, hogy megkönnyítsék a felfedezést. Persze, lehet, hogy egy progresszív web app ki minden régi helyszínen, és nem kell sok ehhez. Azonban sok PWAs használja a Javascriptet, hogy bonyolultabb funkcionalitást építsen ki, és míg a keresőmotorok a JavaScript megjelenítéséhez megfelelővé váltak, ez továbbra is aggodalomra adhat okot.

a PWA beállításakor ellenőriznie kell, hogy a JavaScript elérhető-e. Ne blokkolja a botok fájljait, hanem ellenőrizze, hogy rendelkezésre állnak-e linkek. A renderelési folyamat javítása érdekében a JavaScript keretrendszerét szerver oldali renderelés használatával teheti meg.

A webhely PWA-ra való átalakítása nem jelenti azt, hogy közvetlenül javítja az adott webhely SEO-ját. Ha van értelme, hogy kapcsolja be a webhely egy PWA, erre, de ne csináld semmilyen észlelt SEO előnyöket. Ha van egy nagy PWA, Ön kínál a felhasználók egy fantasztikus felhasználói élmény, ami lehet, hogy egy-up a versenyt. Ebben a tekintetben, ez egy jó ötlet, hogy vessen egy pillantást rájuk a mobil SEO stratégia.

melyek a három fő építőelem?

a PWA beállításához nem kell sok. Három dolog van szüksége, hogy mielőtt a webhely válik érvényes PWA.

• biztonságos kapcsolat (HTTPS): a pwas csak megbízható kapcsolatokon működik, biztonságos kapcsolaton keresztül kell kiszolgálnia őket. Ez nem csak biztonsági okokból, de ez is egy nagyon fontos bizalmi tényező a felhasználók számára.
• a service worker: a service worker egy darab script, hogy fut a háttérben. Ez segít meghatározni, hogyan kell kezelni a PWA hálózati kéréseit, lehetővé téve a bonyolultabb munkát.
• a manifest file: ez a JSON fájl információt tartalmaz arról, hogy a PWA hogyan jelenjen meg és működjön. Itt határozza meg a nevét, leírását, ikonjait, színeit, stb.

itt van egy minta nyilvánvaló a Google-tól:

nem tűnik túl keménynek, ugye? Néhány érdekes dolog ebben a felsorolásban:

• start-url: ez határozza meg, hogy hol kezdje el az alkalmazást. Sokkal jobb, hogy hagyja, hogy a felhasználók földet egy adott oldalon az Ön számára PWA.
• display: ez segít meghatározni, hogy milyen típusú böngészőt szeretne megjeleníteni. A beállítások a következők: fullscreenstandaloneminimal-uiés a standard browser interfész.

a fent felsorolt három dolog a PWA futtatásának minimális követelményei. A funkcionalitást JavaScript (keretrendszerek) segítségével bővítheti.

Hogyan állítsunk be egy PWA-t?

rengeteg erőforrás van ahhoz, hogy kipróbálhassa a kezét egy egyszerű PWA felépítésében. Ez lehetővé teszi, hogy érezze magát a folyamat iránt. A Google kiváló, könnyen követhető bemutatóval rendelkezik a pwas-on az interneten.dev oldal. A Mozilla számos dokumentációval rendelkezik a progresszív webes alkalmazások építéséről. A Microsoftnak gazdag fejlesztői dokumentumai vannak a PWAs építéséről is. A Microsoft még egy pwabuilder nevű eszközt is épített, amely segít a webhely PWA-ként történő átalakításában. Természetesen vannak WordPress bővítmények, amelyek segítenek a webhely PWA – jának elkészítésében. Ezenkívül a Google azon dolgozik, hogy a Pwas alaptámogatását a WordPress maghoz hozza.

vegyenek részt a felhasználók egy progresszív web app

progresszív web apps lehet egy nagy mellett a mobil eszköztár. Jól sikerült, gyorsak, offline munkát végeznek, mint egy natív alkalmazás. Mindent összevetve, fantasztikus felhasználói élményt kínálhatnak a felhasználóknak. Az elkötelezett felhasználók boldog felhasználók, jobb?