¿Cómo instalar y verificar si está instalada una aplicación Firefox OS?

- Andrés Cruz

¿Cómo instalar y verificar si está instalada una aplicación Firefox OS?

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.

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.