
Upup est une petite bibliothèque JavaScript qui s'assure que vos utilisateurs peuvent toujours accéder au contenu de votre site, même lorsqu'ils sont dans un avion, dans un ascenseur ou 20 000 lieues sous la mer.
Mobile-First est devenu la norme de facto pour la construction de sites modernes. Mais dans un monde où tout le monde est mobile, une connexion toujours active n'est pas quelque chose sur lequel nous pouvons compter. Il est temps de commencer à penser d'abord hors ligne .
Avec UPUP, vous contrôlez le contenu que vos utilisateurs voient, même lorsqu'ils sont hors ligne. Et vous pouvez le faire avec une seule commande javascript.
Le chemin le plus simple vers la compréhension est de voir Upup en action et d'essayer un tutoriel rapide.
Le début de l'UPUP est aussi simple que d'ajouter deux fichiers JavaScript à votre site, upup.min.js & upup.sw.min.js, et définir le contenu que vous souhaitez que vos utilisateurs voient lorsqu'ils sont hors ligne.
Par exemple:
< script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
'content-url' : 'offline.html' ,
'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script > Maintenant, chaque fois que vos utilisateurs reviennent sur votre site et leur connexion est en panne, ils verront le contenu de offline.html au lieu d'une erreur.
Découvrez quelques démos en direct et un tutoriel complet. Une fois que vous êtes debout, vous pouvez lire les documents API complets.
Upup nécessite une connexion sécurisée à votre site (c'est une exigence des travailleurs de service, la technologie au cœur de la hausse). Assurez-vous donc que vos utilisateurs visitent votre site via HTTPS (un certificat SSL est gratuit avec Let's Encrypt ou via CloudFlare).
UPUP fonctionne dans n'importe quel navigateur qui prend en charge les travailleurs de service. Actuellement, cela signifie:
Si vos utilisateurs utilisent un navigateur différent ou plus ancien, ils ne seront tout simplement pas affectés par UPUP. Rien ne se brisera et ils ne remarqueront tout simplement rien de différent.
Docs et référence API complète
Tal ater: @talater
Licencié sous MIT.