Progressieve web-apps: wat is het? Eenvoudig uitgelegd
Progressieve web-apps zijn het app-model van de toekomst. U kunt in dit artikel precies lezen wat de term is en hoe deze apps werken.
Wat zijn progressieve web-apps?
- De term "progressief" komt uit het Latijn en betekent "progressief" of "progressief". Progressive web-apps zijn geavanceerde apps die tal van voordelen hebben ten opzichte van natuurlijke apps.
- HTML5, CSS3 en JavaScript kunnen worden gebruikt voor de implementatie.
- Het idee achter progressieve web-apps is als volgt: apps moeten in de toekomst niet langer vanuit de winkel worden geïnstalleerd, maar via de internetbrowser, omdat deze toch op elk apparaat beschikbaar is.
- De Washington Post, Flipkart, de familieportaalnetwerken en Booking.com hebben al de eerste succesvolle PWA's op de markt. De Indiase online shop Flipkart is een goed voorbeeld dat met de PWA een conversieratio van 70% en een drievoudige tijd op de website kon realiseren. De conversieratio verwijst naar het aantal gebruikers dat als geïnteresseerde naar de website is gekomen en "is omgezet" in klanten. Andere voorbeelden van PWA's zijn Google I / O, Get Kana!, Air Horner, Expense Manager of QR Code Scanner.
- Progressieve web-apps worden nog niet door alle browsers ondersteund. Chrome en Firefox zijn al volledig compatibel, er zijn positieve signalen van Safari, Opera en Edge.
Dit is hoe progressieve web-apps werken
- Een progressieve web-app - kortweg PWA - wordt gestart door de bijbehorende URL in de browser in te voeren. De webserver ontvangt het verzoek en geeft het door aan de PWA, die vervolgens de HTML-broncode van een website genereert.
- Deze website is aangepast aan het eindapparaat vanwege het responsieve ontwerp. Hoewel de PWA toegankelijk is via een URL, kunt u het pictogram naar uw startscherm slepen en de app offline gebruiken.
Servicemedewerker - een belangrijk onderdeel van progressieve web-apps
- Servicemedewerkers worden gerund door websites op de achtergrond en worden voornamelijk gebruikt voor caching, d.w.z. voor het tijdelijk opslaan van informatie voor offline gebruik. Nadat de informatie online is opgeroepen, kan deze steeds opnieuw worden gebruikt, zelfs als het eindapparaat momenteel offline is.
- Servicemedewerkers moeten speciaal worden geprogrammeerd, geregistreerd in JavaScript en worden geïnstalleerd. Omdat servicemedewerkers HTTPS nodig hebben, werkt elke PWA ook met HTTPS. Servicemedewerkers worden ook aangeboden door verschillende kaders, zodat ze niet noodzakelijkerwijs in eigen huis hoeven te worden ontwikkeld.
Speciale functies van progressieve web-apps
Ondanks de manier waarop het als website werkt, bieden PWA's een aantal speciale functies die al bekend zijn bij normale apps:
- Add-to startscherm: wanneer u een PWA opent en naar het startscherm sleept, wordt een pictogram weergegeven dat overeenkomt met deze app. Als u hierop klikt, wordt de PWA geopend en kan - zoals reeds vermeld - ook offline worden gebruikt.
- Pushmeldingen: Houders van een PWA kunnen hierbij verwijzen naar kortingen, evenementen en andere zaken.
- Offline functionaliteit: Offline beschikbaarheid wordt gegarandeerd door caching. Dit is een belangrijk aspect, vooral voor gebruikers met slechte internetverbindingen.
- Geen installatie: Progressive web-apps hoeven niet te worden geïnstalleerd, wat veel opslagruimte bespaart. De mentale hindernis bij het installeren van een app is ook veel groter dan alleen een website openen en een pictogram maken. Omdat PWA's niet hoeven te worden geïnstalleerd, zijn de operators ook onafhankelijk van app-winkels, welke aandelen worden verzameld voor marketing.
In de volgende praktische tip zul je ontdekken waarvoor je Java nodig hebt.