← Vse storitve
// STEBER 02 · MOBILNI & INDUSTRIJSKI RAZVOJ

PWA in hibridne aplikacije

Installable spletna aplikacija, ki deluje kot native — offline način, push obvestila, celozaslonska izkušnja. Brez App Store provizij, brez čakanja na review. Idealno za B2B in interna orodja.

Service Workers · Web App Manifest · IndexedDB · push API · 3–10 tednov

Kdaj je PWA prava izbira

Tri konkretne situacije, kjer PWA prevladuje nad native:

1. Korporativne in B2B aplikacije. Zaposleni ali poslovni partnerji ne iščejo aplikacije v App Store — povezavo dobijo po e-pošti, kliknejo "Namesti" in jo imajo na domačem zaslonu. Brez Apple Developer Program (99 USD/leto), brez Apple/Google review čakanja.

2. Pogoste posodobitve. PWA se posodobi takoj, ko spremenite kodo. Pri native morate čakati na App Store review (1–7 dni). Za produkte v hitri iteraciji je to velika prednost.

3. Omejen proračun. Razvoj PWA stane tipično 40–60 % manj od native React Native projekta primerljivega obsega. Brez 30 % Apple/Google provizije na in-app nakupe.

Kaj PWA tehnično omogoča

Installability. Web App Manifest in Service Worker omogočita "namestitev" iz brskalnika. Na Androidu pojavi prompt "Dodaj na domači zaslon". Na iOS uporabnik klikne Share → Add to Home Screen. Aplikacija se zažene v celozaslonskem načinu brez brskalnikove URL vrstice.

Offline način. Service Worker cacha statične vire (HTML, CSS, JS, slike), IndexedDB hrani strukturirane podatke. Aplikacija deluje brez interneta. Spremembe se sinhronizirajo, ko se povezava vzpostavi.

Push obvestila. Web Push API pošlje obvestila tudi ko aplikacija ni odprta. Na Androidu deluje od leta 2014, na iOS od iOS 16.4 (2023). Vsi sodobni telefoni jih podpirajo.

Dostop do strojne opreme. Kamera (Camera API), lokacija (Geolocation), Bluetooth (Web Bluetooth, samo Android), datoteke (File System Access). Manjši nabor kot native, vendar dovolj za večino poslovnih primerov uporabe.

Tehnologije, ki jih uporabljamo

Next.js kot osnova. Service Worker generiramo z Workbox ali ročno za posebne potrebe. Web App Manifest pripravimo ročno z natančno konfiguracijo (icons, theme color, display mode, scope). Push obvestila integriramo preko web-push knjižnice z VAPID ključi.

Za offline sinhronizacijo gradimo na IndexedDB (preko idb knjižnice) ali SQLite preko WASM za kompleksnejše scenarije. Background Sync API za zanesljivo sinhronizacijo, ko se povezava vrne.

Hibridne alternative (Capacitor, Tauri)

Kjer PWA ne zadošča — npr. potrebujete prisotnost v App Store/Play Store ali specifičen dostop do strojne opreme, ki je v webu ni — uporabimo Capacitor (Ionic) ali Tauri. To je web aplikacija zavita v native wrapper, ki jo lahko objavimo v store-u. Cena razvoja je še vedno bistveno nižja od full native, ker delite glavnino kode med platformami.

Pogosta vprašanja

Kaj je razlika med PWA in native aplikacijo? +

Native aplikacija (React Native, Swift, Kotlin) je distribuirana preko App Store in Play Store. PWA je spletna aplikacija, ki jo uporabnik "namesti" iz brskalnika kot ikono na domačem zaslonu. Vidi se kot native — celozaslonska, offline način, push obvestila — vendar brez 30 % provizije Apple/Google in brez čakanja na review. Cena razvoja je tipično 40–60 % nižja.

Kdaj je PWA prava izbira in kdaj native? +

PWA: korporativne aplikacije za zaposlene, B2B portali, interne tools, e-commerce stran kot app. Native: aplikacije za množični potrošniški trg (kjer prisotnost v App Store/Play Store ima marketinški pomen), aplikacije z intenzivno uporabo strojne opreme (kamera AI, Bluetooth, AR/VR), igre.

Ali PWA deluje na iOS? +

Da, iOS Safari podpira PWA od iOS 11.3 (2018). Manjše omejitve: push obvestila so na iOS 16.4+ (2023). Za podjetniške uporabnike je iOS support v praksi celovit.

Koliko traja razvoj PWA? +

Enostavna PWA (web aplikacija + installability + offline shell) 3–5 tednov. Kompleksnejša z offline sinhronizacijo, push obvestili in integracijo z native funkcijami 6–10 tednov. Pogosto razvijemo eno PWA, ki služi tako za desktop kot mobilne uporabnike.

Razmišljate o PWA za vaš produkt?

Brezplačen 30-minutni posvet. Pogovor o tem, ali je PWA ali native React Native bolj smiselna za vaš primer.

Rezerviraj posvet →Native (React Native)