¿Cómo instalar y verificar si está instalada una aplicación Firefox OS?
- Andrés Cruz
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