Photo credit: cc0

Vad är en Progressive Web App?

En Progressive Web App är en webbplats som behåller alla webbens styrkor men dessutom använder några av native-apparnas bästa sidor.

Den kan till exempel:

  • fungera off-line
  • startas från en ikon på telefonens hemskärm
  • visas i fullskärm
  • ta emot och visa push-notiser

Men inte nog med det, alla styrkor från webben är kvar. Det går att länka direkt till “appen” och köra igång den utan att besöka en appstore eller installera någonting.

Ett exempel

Min lokala mataffär har gått från parkeringsskiva till att ersätta utlägget för en parkeringsbiljett. Det går att betala med antingen biljett eller App. Självklart är det inte samma App som vid den andra parkeringsplatsen jag emellanåt parkerar på. Så jag betalar med kort.

Vad som hade kunnat hända istället var att jag öppnat en webbsida och betalat där. Fem minuter innan tiden går ut hade jag kunnat få en push-notis som frågade om jag ville fylla på med mer tid.

När jag väl använt tjänsten några gånger hade jag fått frågan ifall jag ville lägga till en genväg för den på min hemskärm. Från det ögonblicket hade den varit precis om en app. Förutom att jag aldrig besökt en app store eller installerat något.

Det finns så klart tjänster som inte går att leverera som Progressive Web App. Men för många av de praktiska fokuserade saker vi gör med våra telefoner är en Progressive Web App perfekt

Kolla väder - Det finns ingen som helst anledning till att göra en app för detta.

Hålla ett öga på flyg - vid förseningar går det att meddelas via push-notis.

Swish - Bank ID fungerar för browsers så att Swisha till folk går utmärkt.

Enklare Bank App - Se egna konton och överföra pengar mellan dem.

Köpa bussbiljetter - Skönt att slippa installera nya appar för varje stad.

Mobila Kölappar - Som småbarnsförälder är väntrum rena tortyrkammare.

Det finstilta

Med tanke på att Progressive Webb Apps inte distribueras via en kontrollerande tredjepart (läs Apple eller Google) så finns det ingen superstrikt definition. Det råder ingen brist på definitioner. De är bara varierande och flexibla, precis som webben. Som ett absolut minimum skulle jag vilja säga att en Progressive Webb App skall:

Sen finns det längre mer detaljerade kravlistor. För en slutanvändare så är de två här ovan fullt tillräckliga.

Vadå "Progressive"?

Ordet Progressive är med för att peka på två saker. Dels att det är en webbplats som progressivt börjar bete sig mer och mer som en app. Det vill säga, det går från att vara en sida man surfar in på via en URL till att vara en applikation med push notiser som startas från en ikon på hemskärmen.

Men också att upplevelsen av appen/sajten blir bättre ju mer kapabel browser du har. Safari på iOS har inte stöd för push-notiser eller service workers. Men det går att skapa en snabbladdande upplevelse i fullskärm som startas från en tjusig ikon och har visst offlinestöd. Starbucks Progressive Webb App är ett bra exempel på vad som går att bygga.

DEMOs

En demonstration som visar hur otroligt smidigt installationsflödet blir med en Progressive Web App. I detta fallet i kombination med Accelerated Mobile Pages för snabbladdande sidor

Här visar Air Berlin upp sin Progressive Web App som helt ersätter behovet av en app.

Lär dig mer

Vi har, som börjar bli tradition, även gjort inte mindre än två avsnitt av vår podcast om webb som handlar om just Progressive Web Apps.

Jag har även satt ihop en samling länkar till läsvärda poster om Progressive Webb Apps