WeboldalFrissítve: 6 perc olvasás

PWA 2026: melyik funkció éri meg a vállalkozásodnak?

A telepíthetőség, az offline használat és a push külön döntés. Platformfeltételek, költségtételek és tesztelési szempontok magyar KKV-knak.

Lapos, négyzetes matt papírlap nyitva kis szénfekete doboz mellett, rajta egy égetett narancssárga kerámia csempével.

Egy progresszív webalkalmazás, röviden PWA, webes technológiákkal adhat alkalmazásszerű használatot. A kezdőképernyőről indítás, az offline hozzáférés és a push-értesítés azonban külön képesség. Egy telepíthető oldal nem feltétlenül használható hálózat nélkül, és az offline katalógus sem jelent automatikusan működő rendelésleadást.

A beszerzési kérdés ezért az legyen: melyik felhasználói feladatot kell javítani? Egy szervizesnek hasznos lehet a korábban letöltött gépkönyv térerő nélkül. Egy visszatérő nagykereskedelmi partnernek a gyors újrarendelés lehet fontos. Egy bemutatkozó céges oldalon viszont a jól működő mobilos kapcsolatfelvétel önmagában is megoldhatja az üzleti igényt.

Három funkció, három külön vállalás

A telepíthetőség megkönnyítheti a visszatérést, és külön ablakban nyithatja meg a webalkalmazást. Az ikon, név és megjelenítési mód leírására szolgál a webalkalmazás-manifeszt. A telepítési felületet ugyanakkor a böngésző és az operációs rendszer szabályozza, nem kizárólag az oldal készítője.

Az offline használathoz tudatosan ki kell választani a helyben tárolandó tartalmat, és kezelni kell annak frissülését. A service worker közreműködhet a kérések kiszolgálásában és gyorsítótárazásában. Ez külön életciklussal rendelkező programrész; attól, hogy regisztrálták, még nem lesz megfelelő offline élmény. A működési alapokat a Google PWA-tananyagának kiszolgálásról szóló fejezete mutatja be.

A push-értesítéshez engedélykérés, feliratkozás-kezelés, szerveroldali küldés és leiratkozás is kell. Az engedélyt megtagadó látogató számára is maradjon használható az alapfunkció. A push ne legyen az egyetlen út egy üzletileg fontos üzenet elérésére.

Éles környezetben a service workerhez HTTPS-kiszolgálást kell biztosítani. A fejlesztői localhost kivételét és a biztonságos környezet követelményét a W3C Service Workers specifikációja rögzíti. Ez alapfeltétel, nem külön üzleti funkció.

Mire számíthatsz az egyes platformokon?

Az alábbi táblázat dokumentáció alapján készült, ellenőrzési dátuma 2026. október 18. Nem saját eszközteszt eredménye, és nem minden böngészőre szóló garancia. A projektben az ügyfelek tényleges készülékeit és verzióit kell tesztelni.

Környezet Telepítés Offline használat Push és korlátok
Android, támogatott Chrome-környezet Böngészőből elérhető telepítés; a pontos forma eszközfüggő Külön megvalósított tárolással és service workerrel Engedéllyel és megfelelő szerveroldali háttérrel; rendszerbeállítások is számítanak
iPhone és iPad Kezdőképernyőre helyezett webalkalmazás Külön megvalósítással; a helyi tárolásra nem szabad korlátlan megőrzésként tekinteni iOS/iPadOS 16.4-től a kezdőképernyős webalkalmazások támogatják, engedélykérés szükséges
Asztali Chrome és Edge Támogatott rendszereken böngészőből telepíthető Külön megvalósítással Böngésző- és rendszerengedélyekkel; vállalati szabályzat korlátozhatja
Egyéb asztali böngészők Eltérő telepítési lehetőségek, külön ellenőrizendő Nem a telepítési ikon meglététől függ Az adott böngésző és verzió szerint ellenőrizendő

A telepítési eltéréseket a web.dev telepítési útmutatója részletezi. Az iOS és iPadOS 16.4 támogatását az Apple WebKit 2023. március 27-i kiadási ismertetője rögzíti. iOS-en a push engedélykérését a kezdőképernyőről megnyitott webalkalmazásban, felhasználói interakcióhoz kapcsolva kell tervezni; ezt a WebKit külön push-útmutatója írja le.

Ebből nem következik egységes „Telepítés” gomb minden látogatónál. A felület csak ott ajánlja fel az adott megoldást, ahol valóban elérhető, másutt adjon rövid, odaillő útmutatást. Egy egyszerű kezdőképernyős hivatkozás nem pótolja az offline és értesítési funkciók fejlesztését.

Kamerához sem mindig kell natív alkalmazás

Webes alkalmazás is kérhet kameraképet megfelelő környezetben és felhasználói engedéllyel. A W3C Media Capture and Streams szabványa írja le a kamerához és mikrofonhoz kapcsolódó hozzáférés alapját. Az általános állítás, hogy kamerahasználathoz feltétlenül natív app kell, ezért téves.

Ettől még egy konkrét raktári folyamatnál próba szükséges. Olvasható-e a vonalkód rossz fényben? Megfelelő kamerát választ-e a rendszer? Mi történik elutasított engedélynél? Bluetooth-, NFC- vagy speciális ipari eszközkapcsolat esetén az adott hardver és böngésző támogatását külön kell megvizsgálni.

Natív fejlesztés mellett szólhat olyan szükséges eszközkapcsolat vagy háttérműködés, amely a megcélzott webes környezetben nem biztosítható megfelelően. Ezt egy működő technikai próba döntse el, ne az, hogy az alkalmazás webesnek vagy natívnak van nevezve.

Offline katalógus: mi számít aktuálisnak?

A letöltött gépkönyv és a pillanatnyi árlista eltérő kockázat. A dokumentumnál legyen verzió és letöltési időpont. Árnál és készletnél jelenjen meg az utolsó frissítés, és legyen világos, hogy a helyi adat tájékoztató jellegű lehet.

A hálózat nélkül összeállított kosár célszerűen tervezet. Újracsatlakozáskor a szerver ellenőrizze az aktuális árat, készletet, szállítási feltételeket és jogosultságot. Ha ezek változtak, a felhasználó lássa az eltérést, és szükség esetén erősítse meg újra a rendelést. A helyi mentés nem egyenlő a kereskedő által fogadott megrendeléssel.

A szinkronizálásnak az ismételt küldést is kezelnie kell. Ha a kapcsolat egy válasz előtt megszakad, a felhasználó nem tudhatja, beérkezett-e a kérés. Egyedi műveletazonosítóval és szerveroldali ellenőrzéssel kell elkerülni a kettős feldolgozást. A fizetésre és számlázásra külön szabály szükséges; offline rendelést nem szabad feltétel nélkül ígérni.

Helyi adatok és frissítési hibák

Közösen használt tablet esetén a kijelentkezés után nem maradhat a következő felhasználónak elérhető ügyféladat vagy partnerárlista. Előre meg kell tervezni, mi kerül a gyorsítótárba, mi törlődik kijelentkezéskor, és mi történik lejárt munkamenetnél hálózat nélkül.

A készüléken tárolt adatot ne tekintsük kizárólagos üzleti nyilvántartásnak. A felhasználó törölheti a böngészőadatokat, és a tárolás feltételei környezetenként eltérnek. Ha egy terepi munkalap elvesztése komoly kár, annak megőrzését és szinkronizálását külön el kell fogadtatni a valós használati helyzetekben.

Frissítéskor a régi és új alkalmazásverzió átmenetileg együtt élhet. Teszteld, mi történik egy régebben megnyitott kosárral, ha közben megváltozik az adatstruktúra. Az új verzió telepítését ne kényszerítsd rá úgy a felhasználóra, hogy elveszítse a még el nem küldött munkáját. Legyen visszaállítási és hibaüzeneti terv.

A költséget feladatokra bontva kérd be

Nincs megalapozott, általánosan érvényes százalékos PWA-felár. Egy ikon és telepítési leírás más feladat, mint egy jogosultságokat kezelő, offline szerkeszthető partnerportál.

Költségtétel Mit tartalmazzon az ajánlat?
Telepíthetőség Manifeszt, ikonok, indítási útvonalak, platformonkénti felület
Gyorsítótárazás Tárolási szabályok, lejárat, verzióváltás, törlés
Offline felület Letöltési állapot, hiányzó tartalom, elavulás jelzése
Szinkronizáció Ütközések, ismételt küldés, szerveroldali ellenőrzés
Értesítések Engedély, feliratkozás, küldés, leiratkozás
Ellenőrzés és fenntartás Valós eszközök, frissítési próbák, későbbi hibajavítás

A teljes költség a felsorolt feladatok becsült munkaidejéből, az elfogadott óradíjból, külső szolgáltatási díjakból és a fenntartásból álljon össze. Az ajánlat nevezze meg a támogatott eszközöket és a kizárt funkciókat is. A saját webes terjesztés nem igényel alkalmazásbolti közzétételt; ha áruházi jelenlétet is kérsz, az külön feltételekkel és munkával járhat.

Milyen próba alapján dönts?

Válassz egy fontos munkafolyamatot, például korábban megnyitott termékek keresését térerő nélkül. Próbáld ki valós Android- és iOS-készüléken, valamint a használt céges számítógépen. A repülő mód mellett legyen lassú hálózat, megszakadó kapcsolat, megtagadott engedély és megtelt vagy törölt helyi tároló is a próbák között.

Jegyezd fel a feladat sikerét, az elveszett vagy ismételten elküldött műveleteket, és azt, hogy a felhasználó érti-e az állapotjelzéseket. Ezek saját próbaeredmények lesznek, nem előre ígérhető arányszámok. Ha a PWA-funkció nem old meg gyakori, értékes feladatot, maradj a jó mobilos weboldalnál. Ha megoldja, először ezt az egy képességet érdemes megbízhatóan kiadni, majd a tapasztalat alapján bővíteni.

#PWA#progresszív webalkalmazás#mobil#offline

HÍRLEVÉL

Az új írások elsőként nálad.

Szólunk, ha új cikk jelenik meg a webáruházakról, a SEO-ról és az AI-keresésről. Legfeljebb havonta egyszer, bármikor leiratkozhatsz.