sábado, 11 de janeiro de 2014

HTML5 - Aplicações web offline

Um novo recurso que é possível implementar nos navegadores modernos é o de cache de aplicações, chamado de Offline Application ou Application cache. Este recurso permite definir quais arquivos carregados em uma página devem ficar salvos no cliente. Uma vez salvos, é possível acessar a página ou aplicativo mesmo não estando conectado á internet.

Além de criar sites mais rápidos, as aplicações offline permitem atender a um grande requisito das aplicações mobile: Um sistema que dê acesso aos dados salvos mesmo estando em um local sem rede.




Para a página ser salva em cache, é preciso configurar o arquivo manifest. Primeiramente, apontando para o arquivo em seu html.

html

 <!DOCTYPE html>  
 <html manifest="/cache.manifest">  
 <body>  
 ...  
 </body>  
 </html>  


Caso o aplicativo rodar em um servidor Apache, é necessário configurar o .htaccess.

.htaccess

 AddType text/cache-manifest .manifest  

E finalmente, o arquivo manifest:

 CACHE MANIFEST  
 /style.css  
 /script.js  
 /logo.jpg  

Pronto, uma vez o aplicativo acessado por um navegador moderno, é possível acessá-lo offline. Este link mostra quais browsers são compatíveis com a tecnologia

Os dados deste aplicativo podem ser salvos no cliente utilizando WebStorage ou WebSql e quando o dispositivo estiver conectado, é possível enviá-lo para um webservice REST.

Nenhum comentário:

Postar um comentário