iOS opent zijn deuren voor Progressive Web Apps

Written by Muriel Santoni on Donderdag 12 April 2018

Groot nieuws voor degenen die al op Progressive Web Mijn App zijn overgestapt, en degenen die er nog over nadenken!

U weet al alles over het potentieel van Progressive Web Apps, webapplicaties die nieuwe functies bieden in Navigatie zoals Chrome, en waarvan het gedrag en de ervaring vergelijkbaar zijn met die van native apps. Het grote verschil is dat het installeren van hun pictogram en het downloaden ervan op de iPhone anders is dan het downloaden van een native app.

Hoewel Progressive Web Apps sinds vorig jaar een lange weg hebben afgelegd, was hun grootste obstakel het ontbreken van enkele van hun belangrijkste functies op iOS-apparaten.

In een vorig artikel presenteerden we de hoeksteen van Progressive Web Apps, of met andere woorden een sleutelelement dat hen in staat stelt om een dergelijke gebruikerservaring te bieden: de Diensten Workers. Zij vormen de technische basis die PWA's onderscheidt van traditionele websites.
Dit script, dat op de achtergrond van de browser wordt uitgevoerd, biedt een scala aan ontwikkelingsmogelijkheden, waardoor het gedrag van een app sterk kan worden aangepast. Zonder Service Workers is het onmogelijk voor Progressive Web Apps om al hun beloften waar te maken, vandaar de incompatibiliteit tussen Service Workers en iOS.

Met de iOS 11.3-update lijkt Apple officieel op de Progressive Web Apps-bandwagon te springen, aangezien Service Workers nu compatibel zijn met iOS!

Welke functies zijn beschikbaar op iOS met Worker Diensten?

Sinds de update van iOS 11.3 zijn we meer dan verheugd te kunnen aankondigen dat gebruikers van uw Progressive Web App (PWA) die deze op hun iOS iPhone hebben geïnstalleerd en gedownload, nu van de volgende functies kunnen genieten:

Offline werking
Bug opgelost bij het gebruik van de foto

Deze functies zijn toegankelijk als de PWA wordt uitgevoerd in Safari, of rechtstreeks vanaf het beginscherm van het apparaat (modus volledig scherm). Diensten Workers worden niet ondersteund in Web Views, d.w.z. in andere browsers dan Safari (bijvoorbeeld in Chrome iOS of in de geïntegreerde Facebook Navigatie).

Ik heb al een Progressive Web App (PWA), hoe kan ik van deze nieuwe functies profiteren?

Van uw kant moet u ervoor zorgen dat de generatiedatum van uw Progressive Web App (PWA) na 6 april valt. Om dit te controleren, gaat u naar het menu Publiceer > Update > Progressive Web App Engine. Start de generatie van uw PWA opnieuw als de aangegeven datum eerder is dan 6 april.

Wat uw gebruikers betreft, hun apparaat moet iOS 11.3 (of een latere versie) draaien. Zodra de iOS 11.3 update geïnstalleerd is, zal uw PWA profiteren van alle voordelen van het gebruik van Diensten Workers.

Zijn er verschillen tussen PWA's op Android en iOS?

Ondanks de enorme stap voorwaarts die deze update betekent voor iOS, zijn er verschillende verschillen in de manier waarop PWA's werken op iOS en Android. Hier zijn de belangrijkste functionele verschillen tussen de twee besturingssystemen:

- Cachebeheer: Offline werking van PWA's wordt mogelijk gemaakt door een cachebeheersysteem. Op iOS is de gegevensopslag beperkt tot 50 MB, op Android niet.
Op Android worden opgeslagen bestanden verwijderd als de opslagruimte verzadigd is; op iOS daarentegen worden de bestanden in de cache verwijderd als de gebruiker de PWA enkele weken niet gebruikt. De gegevens worden opnieuw geladen wanneer de Progressive Web App (PWA) wordt geopend.

- Synchronisatie op de achtergrond: dit is mogelijk op Android, maar niet op iOS.

- Pushmeldingen: deze worden nog niet ondersteund op iOS. Apple is nog steeds erg stil over de mogelijkheid van ondersteuning van pushmeldingen in Safari, en er is voorlopig geen mogelijkheid hiervoor met iOS 11.3.

- Op Android hebben PWA's toegang tot Bluetooth, wat niet het geval is op iOS.

Zullen de volgende iOS-updates nieuwe functies brengen?

Vanaf vandaag werkt Apple al aan PWA-vriendelijke ontwikkelingen.

In navolging van Service Workers lijkt het erop dat Apple werkt aan de ondersteuning van het Web App Manifest in zijn browser. Dit is een belangrijk onderdeel van Progressive Web App (PWA). Dit beschrijvende bestand definieert de elementen die gebruikt worden wanneer de PWA in volledig scherm werkt, zoals gedefinieerd door het W3C. Door in Safari rekening te houden met het Web App Manifest zou het bijvoorbeeld mogelijk zijn om :

De schermoriëntatie te forceren bij gebruik van de Progressive Web App (PWA) in volledige schermmodus (d.w.z. wanneer deze wordt gestart vanaf het Icoon op het beginscherm)
Een proces in Safari integreren dat de gebruiker uitnodigt om de PWA op zijn startscherm te installeren (op Android wordt automatisch een pop-up weergegeven). Het Web App Manifest bevat alle elementen die Webkit-teams nodig hebben om een component van dit type te bouwen
Bouw een startscherm voor de Progressive Web App (PWA). Op Android wordt dit scherm opgebouwd uit het app-pictogram, de naam en een Achtergrondkleur, deze elementen worden beschreven in het manifest.

Hoe installeer ik mijn Progressive Web App (PWA) op het beginscherm?

Hoe voegt u een Progressive Web App (PWA) toe aan het startscherm van uw iOS?

Het is mogelijk om een Progressive Web App (PWA) op het beginscherm van uw iOS-apparaat te installeren. Het is echter aan de gebruikers van uw netwerk om dit zelf te doen, aangezien er niet automatisch een uitnodigingsbericht wordt weergegeven.
Zo installeert u een Progressive Web App (PWA) op het beginscherm:

1. Open de PWA via de URL vanuit Safari

2. Klik op de deelknop in Safari

3. Klik op "Toevoegen aan beginscherm".

4. Controleer of u tevreden bent met de naam die op uw startscherm zal verschijnen. Wijzig deze indien nodig en klik op "Toevoegen".

Waarom is de iOS 11.3-update een kans voor u?

Progressive Web Apps werken al op iOS enzijn nu goed op weg om volledig functioneel te worden op Apple's eigen apparaten. De ondersteuning voor Diensten en de voortdurende ontwikkeling van het Web App Manifest geven ons hoop voor de toekomst van Apple en PWA's.

Een van de onmiskenbare voordelen van Progressive Web Apps is hun toegankelijkheid. Omdat ze op het web draaien, zijn ze toegankelijk via een eenvoudige URL, worden ze vermeld in zoekmachines, en bovenal, zodra ze op het beginscherm zijn geïnstalleerd, kunnen ze net als elke andere App worden gebruikt.

De eerste twee punten zijn meer dan positief voor het vergroten van uw zichtbaarheid bij uw netwerk, maar de laatste is eigenlijk cruciaal. Een nieuw distributiekanaal, anders dan de App Store, staat tot uw beschikking. Het wereldwijde web, open en gratis.

VOOR MEER INFORMATIE:

Wilt u betrokken raken bij de wereld van mobiele toepassingen en uw mobiele aanwezigheid ontwikkelen? Ontdek hoe u een online mobiele app kunt maken! Zonder te weten hoe u moet coderen, kunt u een native applicatie of een PWA voor iOS en Android maken.
Wanneer u een systeem voor mobiele apparaten wilt ontwikkelen, hebt u verschillende opties om uit te kiezen: native applicaties en PWA's. Als u voor de eerste optie hebt gekozen, ontdek dan de beste functies voor een native applicatie! U leert hoe u mobiele toepassingen voor iOS of Android kunt maken die opvallen en uw gebruikers aanspreken.
Met ons auteurssysteem kunt u als een arbeider online beginnen met het ontwikkelen van een Progressive Web App (PWA). Dankzij de vooruitgang in de technologie is een mobiele applicatie niet meer per se een native applicatie! Als u deze keuze hebt gemaakt, zoek dan uit hoe compatibel de functies van uw Progressive Web App zijn met verschillende browsers. In tegenstelling tot native applicaties zult u uw app ook op uw computerscherm kunnen vinden!
Om het voor u gemakkelijker te maken om online mobiele toepassingen te ontwikkelen en om ons platform duidelijker op het scherm te maken, hebben we gebruik gemaakt van technologie om de nieuwe GoodBarber backoffice te maken. Het ontwikkelen van native applicaties of PWA's is nog nooit zo eenvoudig geweest! Zodra u klaar bent met het maken van uw mobiele applicatie, of het nu een native app of een PWA is, kunt u uw werk beschikbaar maken op iOS of Android mobieltjes door het in de stores te publiceren!
Zodra u klaar bent met de online ontwikkeling van uw Progressive Web App, profiteer dan van de voordelen! In tegenstelling tot een native applicatie kunt u uw Progressive Web App (PWA) promoten via de URL. Naast de mogelijkheid om het op iOS te publiceren en het op het mobiele scherm van uw gebruikers te vinden, kunt u dit type mobiele applicatie ook op computers vinden!
Om de ontwikkeling van uw mobiele toepassingen te verbeteren, hebben we GoodBarber 3 gelanceerd! U zult kunnen profiteren van nieuwe functies wanneer u uw native applicatie of Progressive Web App (PWA) online maakt, voor een succesvolle rendering op mobiele apparaten. U kunt nu prachtige native iOS- of Android-toepassingen maken!
Ook u kunt aan de slag! Ontdek hoe u een mobiele applicatie kunt maken, van idee tot online ontwikkeling, zodat u aanwezig kunt zijn op iOS of Android!