Como explicamos en el artículo ¿Qué es Firefox OS?; Las aplicaciones de Firefox OS no son más que aplicaciones Web escritas en HTML, CSS y javaScript; luego de creada la aplicación el siguiente paso sería publicarla en la Web y agregar un botón de instalación a la aplicación en los dispositivos con Firefox OS:
Agregar la opción de instalar la aplicación Web en dispositivos con Firefox OS
Luego de que tengamos nuestra aplicación y manifest.webapp publicados en la Web, debemos hacer uso del API de navigator.mozApps.install para agregar la funcionalidad de instalar la aplicación en dispositivos con Firefox OS; en otras palabras; hacer posible que la aplicación se pueda instalar.
Para este ejemplo usaremos un botón; que al ser pulsado instalará la aplicación en nuestro dispositivo:
<script>
function install(){
// el manifest.webapp publicada en nuestra web
var manifest_url = "http://my.webapp.com/manifest.webapp";
// instalamos la aplicacion
var request = navigator.mozApps.install("manifest_url");
request.onsuccess = function() {
// perfecto, se ha instalado la aplicacion
};
request.onerror = function() {
alert(this.error.name);
};
}
</script>
<button onclick="install(); return false;">
Instalar
</button>
Un javaScript muy sencillo; solo utilizamos el API de navigator.mozApps.install pasandole como parametro el archivo manifest; y eso sería todo.
Verificando si la aplicación está instalada en el dispositivo
Para verificar si la aplicación esta o no instalada en el dispositivo, haremos uso del API de navigator.mozApps.checkInstalled
function checkInstalled() {
// verificamos si esta o no instalado la aplicacion
var request = navigator.mozApps.checkInstalled(manifest_url);
request.onsuccess = function() {
if (request.result) {
// esta instalada
} else {
// no esta instalada
}
};
request.onerror = function() {
alert(this.error.message);
};
}
Como en el caso anterior, solo debemos de pasarle como parámetro el archivo manifest de nuestra aplicación a la función navigator.mozApps.checkInstalled para verificar si está o no instalada la aplicación.
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter