Hemsida » hur » Vad är progressiva webbapps?

    Vad är progressiva webbapps?

    Har du någonsin önskat att webappar beter sig mer som riktiga appar? Progressive Web Apps är en ny teknik som syftar till att få det att hända.

    Den korta versionen: Vad är progressiva webbapplikationer?

    Här är den snabba sammanfattningen: Google, Microsoft, Mozilla och andra företag arbetar med en ny, modern webbapplikationsstandard. Även Apple följer med och genomför stöd för det. Dessa applikationer är webapps, men de beter sig mer som inbyggda appar. Liksom befintliga webbapps, kommer de att vara värd direkt på deras tillhörande hemsida. Utvecklare kan uppdatera dem direkt på sin webbserver utan att skicka uppdateringar till flera olika appbutiker, och samma app kommer att köras på alla webbläsare och plattformar.

    När du installerar en progressiv webapp får du en startskärm, aktivitetsfält eller skrivbordsgenväg som startar appen (beroende på din plattform). Appen laddas snabbt och kommer att innehålla offline-support, push-meddelanden, bakgrundssynkroniseringsstöd och andra moderna godisar.

    Dessa appar kan också använda befintlig webbteknologi för att komma åt platstjänster, webbkameror och andra sådana funktioner som vi normalt skulle associera med inhemska appar. Självklart måste appen fråga dig och få ditt tillstånd innan du får tillgång till dessa saker.

    Den tekniska versionen: hur fungerar de??

    Progressiva webbapplikationer är traditionella webbapplikationer som förbättras med modern webbteknologi, så att de kan ge en mer appliknande upplevelse. Den "progressiva" delen innebär att de "progressivt förbättras" med moderna webbfunktioner, vilket innebär att de också kommer att fungera i äldre webbläsare som inte stöder de nya funktionerna, men kommer att fungera bättre och med fler funktioner i moderna webbläsare.

    Dessa appar kommer att få sitt eget fönster och genväg på din aktivitetsfält (på Windows 10 och allt som kör Chrome) eller en ikon på din startsida (på Android-enheter och andra smartphones). När du öppnar dem laddas de snabbt tack vare Cache API och IndexedDB, som lagrar appens resurser och data på din enhet, så att de kan fungera även när de är offline. Tekniker som servicearbetare och push-meddelanden gör att appen kan utföra bakgrundsuppgifter som att synkronisera och skicka meddelanden även när de inte körs, som en inbyggd app. Hämta API gör det snabbare och enklare för appen att begära data. De har en Web App Manifest-fil, som ger ett namn, en ikon, en författare och en beskrivning som används när du installerar appen till din startsida eller skrivbord. De serveras alltid via krypterad HTTPS, vilket innebär att de är säkra och data kan inte manipuleras i transitering.

    Progressiva webbapplikationer är inte som Googles Chrome Packaged Apps eller Microsofts Hosted Web Apps. De krävde att appen skulle "förpackas" som en fil och skickas till en appbutik. Hela appen bodde i en liten offline-bunt, och användarna måste installera det från Chrome Web Store eller Windows Store. Dessa var också plattformsspecifika och skulle bara fungera på Chrome eller Windows. Utvecklaren var tvungen att ändra offlineappens filer och skicka in en ny version till appbutiken för att uppdatera den.

    Istället packas PWA aldrig i en offline-fil. Precis som de traditionella webbapps som vi använder idag, är de helt värdda på programmets servrar. Om en utvecklare vill uppdatera sin progressiva webbapp, uppdaterar de den exakt som om de skulle uppdatera webbapps-på sina servrar. Alla plattformar och webbläsare som stöder PWA kan använda samma Progressive Web Apps.

    PWA kan listas i appbutiker för enklare upptäckt och installation, men appbutiken kommer bara att peka på webappens servrar. Även om en app inte är kompatibel med en appbutiks innehållspolicyn, kan användarna hitta och installera den direkt från webbläsaren.

    Varför det här är fråga om

    Det handlar inte bara om att göra webbapps lite trevligare. Det handlar om att lägga ner en ny standard för installerbara appar som varje plattform stöder. Det kan innebära några överraskande händelser inom en snar framtid.

    När det här arbetet är klart kan Google till exempel aktivera tjänster som Gmail och Google Kalender som PWA. Det innebär att de skulle köras som inbyggda program på Windows 10 och vara listade i Windows Store. Det skulle gå långt för att lösa Windows Store-applikationsproblemet, eftersom Google inte vill stödja Microsofts universella Windows-plattform (UWP). Andra utvecklare som inte vill skapa separata UWP-appar skulle plötsligt kunna stödja Windows 10 med PWA.

    Utvecklare skulle ha ett enklare sätt att göra sina webbappsfunktioner på ett mer kraftfullt, integrerat sätt på en mängd olika enheter utan att hoppa genom alla appshops. Webappar som fungerar överallt kan bättre konkurrera med inhemska appar som fungerar på en enda plattform. Ett företag som bara har resurser att skapa en enda app kan göra en PWA och stödja allt, istället för att göra separata appar för iOS, Android, Windows och webben.

    Och på grund av Web App Manifest-filer utvecklare ger sökmotorerna kan krypa på nätet och enkelt hitta PWAs tillgängliga online. Detta gör att PWAs enkelt kan upptäckas, precis som webbsidor.

    Vilka plattformar stöds de på?

    Progressiva webbapps har utvecklats under en tid, men de håller på att göra ett större steg i allmänhetens ögon.

    Med Windows 10: s nästa uppdatering, uppdateringen i april 2018, kodnamnet Redstone 4, som kommer att släppas den 30 april-Microsoft möjliggör stöd för PWA. Som på andra plattformar kan du gå till en PWAs webbplats och installera den via Microsoft Edge. Microsoft kommer dock också att lista Progressive Web Apps i Store för enkel installation. Utvecklare kan lista sina egna appar i butiken, men Microsoft kommer också att använda Bing för att hitta bra PWA på nätet och automatiskt lista dem. De kommer fortfarande att vara värd normalt på deras hemsida och uppdateras av utvecklaren, men Microsoft gör det lättare att hitta och installera dem. Du behöver aldrig ens öppna Edge-webbläsaren för att hitta, installera och köra en PWA på Windows 10. Det borde hjälpa till att fylla i Windows Store, men ser ut som dåliga nyheter för Microsofts UWP-appplattform. Varför skulle många utvecklare göra en UWP-app när en PWA skulle vara bra och köra på flera operativsystem?

    På Google Chrome - om det är för Windows, Mac, Linux eller Chrome OS-PWAs på väg att ersätta den upphörda "Chrome Apps" -plattformen. Google säger att support för skrivbordsinstallation av PWAs borde komma "i mitten av 2018", ungefär. Då kommer dessa PWAs att fungera med Chrome på skrivbordet. Den här funktionen testas redan i den instabila utvecklingsversionen av Chrome, som heter Canary.

    På Android stödjer Google Chrome redan installation av PWA, liksom andra mobila webbläsare som Mozilla Firefox, Opera och Samsung-webbläsaren. Google arbetar med en teknik som heter WebAPK som gör det möjligt för PWAs att omvandlas till APK-filer (Android appfiler) och installeras på enheten, som andra appar. Chrome projektledare har antyddat att PWA kan läggas till i Play Butik.

    Medan Apple inte har varit en vokalförespråkare eller deltagare här lägger de nu PWA-funktioner till Safari-webbläsaren.


    2018 bör vara ett stort år för PWAs, särskilt på Windows 10, där de kunde hjälpa Microsoft att stänga appgapet och ha fler applikationer i ursprunglig stil.

    Bildkrediter: Prabowo96