PROGRESSIVE WEB APP
Web Mobile
13 %
Apps
87 %
Temps des utilisateurs
Capacités
3
Applications
0
Application téléchargée / mois
100
Sites différents / mois
Accessibilité
Capacités
Fiable
Engageante
RAPIDE
<link rel="manifest" href="/manifest.json">Le Manifest
{
"name": "Weather",
"short_name": "Weather",
"icons": [{
"src": "/cat.png",
"type": "image/png"
}],
"start_url": "/index.html",
"display": "standalone",
"background_color": "#3E4EB8",
"theme_color": "#2F3BA2"
}
Fiable
Engageante
RAPIDE
Wifi
PAS DE Signal
Le service
worker
LiE-fi
?
OFFLINE FIRST !
navigator.serviceWorker.register('./service-worker.js')INSTALLATION
if (navigator.serviceWorker) {
navigator.serviceWorker.register('./service-worker.js')
}
INSTALLATION
self.addEventListener('install', event => {
event.waitUntil(
caches.open('myCache')
.then(cache => cache.addAll([
'./index.html'
]))
);
});Cache Building
self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => response || fetch(event.request))
);
});Intercept the NETWORK
Fiable
Engageante
RAPIDE
Le service
worker
Fiable
Engageante
RAPIDE
ET LA SécuriTé DANS TOUT CA
Mise à jour
Installation
FonctionnalitésNATIVES
https://www.meetup.com/fr-FR/Paris-Progressive-Web-App/
Be PROGRESSIVE
Le StreamING
Fetch
Process
Render
Fetch
Process
Render
PWA
By miniplop
