
Upup es una pequeña biblioteca de JavaScript que asegura que sus usuarios siempre puedan acceder al contenido de su sitio, incluso cuando están en un avión, en un ascensor o 20,000 leguas bajo el mar.
Mobile-First se ha convertido en el estándar de facto para construir sitios modernos. Pero en un mundo donde todos son móviles, una conexión siempre encendida no es algo en lo que podamos confiar. Es hora de comenzar a pensar primero fuera de línea .
Con UPUP controla el contenido que ven sus usuarios, incluso cuando están fuera de línea. Y puede hacerlo con solo un comando JavaScript.
El camino más fácil hacia la comprensión es ver en acción y probar un tutorial rápido.
Comenzar con UPUP es tan fácil como agregar dos archivos JavaScript a su sitio, up.min.js & up.sw.min.js, y definir el contenido que desea que sus usuarios vean cuándo están fuera de línea.
Por ejemplo:
< script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
'content-url' : 'offline.html' ,
'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script > Ahora, cada vez que sus usuarios regresen a su sitio y su conexión está baja, verán el contenido de offline.html en lugar de un error.
Echa un vistazo a algunas demostraciones en vivo y un tutorial completo. Una vez que estés despierto y enrollando, puedes leer los documentos de API completos.
UPUP requiere una conexión segura con su sitio (este es un requisito de los trabajadores de servicios, la tecnología en el corazón de UPUP). Por lo tanto, asegúrese de que sus usuarios visiten su sitio a través de HTTPS (un certificado SSL es gratuito con Let's Cifrar o a través de CloudFlare).
UPUP funciona en cualquier navegador que apoye a los trabajadores de servicios. Actualmente esto significa:
Si sus usuarios están utilizando un navegador diferente o anterior, simplemente no se verán afectados por UPUP. Nada se romperá, y simplemente no notarán nada diferente.
Docios y referencia completa de API
Tal Ater: @Talater
Licenciado bajo MIT.