Escrevendo aplicações web para o Firefox OS

by 1 colaborador:

As aplicações para o Firefox OS são apenas aplicações Web escritas em HTML, CSS e JavaScript. Você publica a aplicação na web como você publica qualquer outro site web. Para fazer o site web instalável como uma aplicação web no dispositivo, você só tem que adicionar um manifest e disponibilizar o botão de instalação como o exemplo a seguir:

Os tópicos a seguir são pontos de partida recomendados:

Claro, sinta-se a vontade para se aprofundar nas aplicações com Open Web!

Instalando as aplicações web

Com a aplicação e manifest publicado na Web, você precisa deixar o Gecko ciente disso. No momento da instalação, o Gecko procura o manifest e adiciona as entradas necessárias na tela inicial (home), etc.

Para instalar uma aplicação, chame a API navigator.mozApps.install. Aqui está um exemplo para o botão instalar que pode ser adicionado na sua aplicação quando você mesmo a hospeda:

<button id="install">
  Instale está incrível aplicação na sua tela inicial!
</button>
 
<script>
(function(){
  function install(ev) {
    ev.preventDefault();
    // define a URL do manifest
    var manifest_url = "http://my.webapp.com/manifest.webapp";
    // install the app
    var myapp = navigator.mozApps.install(manifest_url);
    myapp.onsuccess = function(data) {
      // A aplicação está instalada, remove o botão
      this.parentNode.removeChild(this);
    };
    myapp.onerror = function() {
      // A aplicação não instalou, as informações estão no this.error.name
      console.log('Install failed, error: ' + this.error.name);
     };
  };
  // obtém uma referência para o botão e chama a função install() no click.
  var button = document.getElementById('install');
  button.addEventListener('click', install, false);
})();
</script>

Nota: o botão instala também pode estar na aplicação de market, como o Marketplace do Firefox, mas muitas vezes é muito útil ter um botão "Instalar como aplicação web" na página principal do seu site.

Agora visite seu site web no navegador do Firefox OS e pressione o botão instalar.

Etiquetas do documento e colaboradores

Etiquetas: 
Contributors to this page: rafaelsakurai
Última atualização por: rafaelsakurai,
Esconder painel