UpUp
Added support for custom scopes (fully backwards compatible)
O UPUP é uma pequena biblioteca JavaScript que garante que seus usuários sempre possam acessar o conteúdo do seu site, mesmo quando estão em um avião, em um elevador ou 20.000 ligas sob o mar.
O Mobile-First se tornou o padrão de fato para a construção de locais modernos. Mas em um mundo onde todos são móveis, uma conexão sempre ativa não é algo em que podemos confiar. É hora de começar a pensar em offline primeiro .
Com o UPUP, você controla o conteúdo que seus usuários vêem, mesmo quando estão offline. E você pode fazer isso com apenas um único comando javascript.
O caminho mais fácil para entender é ver em ação e tentar um tutorial rápido.
Introdução ao UPUP é tão fácil quanto adicionar dois arquivos JavaScript ao seu site, upup.min.js & upup.sw.min.js e definindo o conteúdo que você deseja que seus usuários vejam quando estão offline.
Por exemplo:
< script src =" /upup.min.js " > </ script >
< script >
UpUp . start ( {
'content-url' : 'offline.html' ,
'assets' : [ '/img/logo.png' , '/css/style.css' , 'headlines.json' ]
} ) ;
</ script > Agora, toda vez que seus usuários retornam ao seu site e a conexão deles está baixa, eles verão o conteúdo offline.html em vez de um erro.
Confira algumas demos ao vivo e um tutorial completo. Quando você estiver acordado e rolando, você pode ler os documentos completos da API.
A UPUP requer uma conexão segura com o seu site (este é um requisito de trabalhadores de serviço, a tecnologia no coração da UPUP). Portanto, verifique se seus usuários visitam seu site sobre o HTTPS (um certificado SSL é gratuito com Let's Encrypt ou via Cloudflare).
A UPUP trabalha em qualquer navegador que apoie os trabalhadores de serviços. Atualmente, isso significa:
Se seus usuários estiverem usando um navegador diferente ou mais antigo, eles simplesmente não serão afetados pelo UPUP. Nada vai quebrar, e eles simplesmente não notarão nada diferente.
Documentos e referência completa da API
Tal ATER: @talater
Licenciado sob o MIT.
