MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Los resultados de tu búsqueda

    Introducción a la creación de aplicaciones

    Las Aplicaciones Web Abiertas son simplemente sitios web. Creados usando tecnologías Web standard que funcionan en cualquier buscador y pueden ser desarrolladas utilizando tus herramientas preferidas.

    El proyecto Mozilla Labs Open Web Applications propone pequeñas expansiones que permitan convertir sitios existentes en aplicaciones que corran en un entorno de computación rico, divertido y potente. Estas aplicaciones funcionaran tanto en escritorios, buscadores y dispositivos móviles además de ser más faciles de encontrar y ejecutar que un sitio web. Teniendo acceso a un creciente conjunto de novedosas funcionalidades, como la sincronización entre los diferentes dispositivos de usuario.

    Describiendo la aplicación

    Lo único que debe hacer para crear una aplicación web a partir de un sitio web es añadir el application manifest. Se trata de un archivo JSON que describe su aplicación, incluyendo su nombre, iconos y una descripción legíble.

    El manifest debe estar albergado en el mismo dominio que el sitio web y debe servirse con un Content-Type de application/x-web-app-manifest+json. Para más detalle sobre el manifest vease la documentacion, para ayudarle a arrancar puede probar el online manifest checker.

    Publicar la aplicación

    Existen una serie de proveedores, desde grandes empresas a start-ups, que estan construyendo almacenes (stores) de aplicaciones Web que se encargan de gestionar busquedas, opiniones, clasificaciones y facturación. Pero no es obligatorio poner su aplicación en uno de estos almacenes. Puede distribuirla directamente desde su propio sitio. Tan solo creando un botón o enlace que invoque el siguiente código JavaScript:
    1. function installCallback(result) {  
    2.     // great - display a message, or redirect to a launch page  
    3. }  
    4.   
    5. function errorCallback(result) {  
    6.     // whoops - result.code and result.message have details  
    7. }  
    8.   
    9. navigator.mozApps.install({  
    10.     url: "http://path.to/my/example.webapp",  
    11.     onsuccess: installCallback,  
    12.     onerror: errorCallback  
    13. }); 

    Invocar navigator.mozApps.install() hace que el buscador cargue el manifest y pregunte al usuario si desea instalar la aplicación. Si el usuario aprueba la instalación, la aplicación será instalada en el buscador.

    Puede opcionalmente pasar el atributo install_data a la función install(), para persistir información en el almacén de datos de usuario para aplicaciones instaladas. Esta información puede ser sincronizada con otros dispositivos, pudiendo ser proporcionada por la aplicación empleando la llamada amInstalled() (Vease Determining whether the app is installed). Por ejemplo:

    1. navigator.mozApps.install({  
    2.     url: "http://path.to/my/example.webapp",  
    3.     onsuccess: installCallback,  
    4.     onerror: errorCallback,  
    5.     install_data: {  
    6.         user_id: "some_user"  
    7.     }  
    8. });

    Derterminar si la aplicación esta instalada

    Cuando un buscador carga la página de la aplicación, la página necesita gestionar el caso en que el usuario no haya instalado la aplicación. Es posible comprobar si la aplicación se encuentra instalada mediante la llamada amInstalled(),  de esta manera:

    1. function getInstalledCallback(data) {  
    2.     if (data) {  
    3.         // yes, we're installed  
    4.         // data.manifest has the manifest  
    5.         // data.install_time is when it was installed  
    6.         // data.install_origin is the domain that called install  
    7.         // data.install_data has the optional data from install  
    8.     } else {  
    9.         // not installed!  
    10.     }  
    11. }  
    12.   
    13. navigator.mozApps.amInstalled(getInstalledCallback);  

    Almacenar datos localmente

    El localStorage API proporciona almacen de pares llave-valor para información persistente que puede utilizarse para realizar un seguimiento de la información de usuario entre visitas a la aplicación. Si el usuario posee un buscador moderno, como Firefox 4 o posterior, o Chrome, también es posible utilizar IndexedDB, un almacen de datos para el lado del cliente estructurado y de alto rendimiento.

    Si posee información que deba ser compartida entre instancias de su aplicación a través de varios dispositivos que utilice el usuario entonces debe usar LA opción install_data de la función install(), como indicamos anteriormente.

    Ejecución offline y uso de APIs para dispositivos avanzados

    Los buscadores web modernos han añadido gran cantidad the funcionalidades que permiten a tus aplicaciones ejecutarse offline o aprovechar las capacidades de los dispositivos. Aquí se listan algunos enlaces útiles:

    Etiquetas y colaboradores del documento

    Contributors to this page: manfontan, inma_610, teoli
    Última actualización por: teoli,