14/11/2017 Development / macetes

Agora ficou facil a gente desenvolver uma aplicação offline, basta a gente gerar um app.cache, com os arquivos e incluir a tag do manifest no html. Basicamente é isso.

O lance é a configuracao que tem que ser feita.

O arquivo app.cache precisa responder como um outro content-type para o browser poder ler.

response.setHeader("Content-Type", "text/cache-manifest");

Como eu estava usando o node-static pra subir uma aplicacaozinha no heroku, eu estou postando o código que eu usei e funcionou. Espero que ajude.

 

var static = require('node-static');

var file = new static.Server('./docs', { gzip: true });

require('http').createServer(function(request, response) {

 

response.setHeader('Access-Control-Allow-Origin', '*');

response.setHeader('Access-Control-Request-Method', '*');

response.setHeader('Access-Control-Allow-Methods', 'OPTIONS, GET');

response.setHeader('Access-Control-Allow-Headers', '*');

//response.setHeader("Content-Type", "text/cache-manifest");

 

 

  request.addListener('end', function() {

    file.serve(request, response, function (e, res) {

    if(e && request.url == '/app.cache'){

    response.setHeader("Content-Type", "text/cache-manifest");

    }

    });

  }).resume();

}).listen(process.env.PORT || 3333);