Morton 2 de mayo de 2013 a las 08.01
   Imprimir artículo
elWebmaster.com

Como crear una versi贸n de tu aplicaci贸n web para Firefox OS


firefox-os-wideUna de las promesas que las aplicaciones mobile realizadas en HTML5 traen consigo, es que las aplicaciones ya existentes, si fueron creadas en su origen con detecci贸n de features y dise帽o adaptativo, pueden ser convertidas en una aplicaci贸n mobile en tan s贸lo unos instantes. Aqu铆 te ense帽amos c贸mo.

Primero lo primero: el archivo app.manifest debe ser editado, coloc谩ndolo al nivel del dominio de raiz:

  1. {
  2.     "version": "0.1",
  3.     "name": "Your App",
  4.     "description": "Your new awesome Open Web App",
  5.     "launch_path": "/index.html",
  6.     "appcache_path": "/offline.appcache",
  7.     "icons": {
  8.         "16": "/img/icons/appicon-16.png",
  9.         "48": "/img/icons/appicon-48.png",
  10.         "128": "/img/icons/appicon-128.png"
  11.     },
  12.     "developer": {
  13.         "name": "Your Name",
  14.         "url": "http://yourawesomeapp.com"
  15.     },
  16.     "installs_allowed_from": ["*"],
  17.     "locales": {
  18.         "es": {
  19.             "description": "Su nueva aplicaci贸n impresionante Open Web",
  20.             "developer": {
  21.                 "url": "http://yourawesomeapp.com"
  22.             }
  23.         },
  24.         "it": {
  25.             "description": "Il vostro nuovo fantastico Open Web App",
  26.             "developer": {
  27.                 "url": "http://yourawesomeapp.com"
  28.             }
  29.         }
  30.     },
  31.     "default_locale": "en",
  32.     "permissions": {
  33.         "systemXHR": {}
  34.     }
  35. }

Luego, har谩 falta editar el archivo .htaccess:

  1. AddType application/x-web-app-manifest+json .manifest

Lo pr贸ximo es configurar correctamente el cach茅, para ello debes agregar lo siguiente a tu HTML:

  1. <html manifest="offline.appcache">

Ahora, puedes crear tu propio offline.appcache que contendr谩 la lista de archivos a descargar:

  1. CACHE MANIFEST
  2. # v0.1
  3. /index.html
  4. /css/app.css
  5. /css/install-button.css
  6. /img/offline.png
  7. /img/online.png
  8. /img/glyphicons-halflings-white.png
  9. /img/glyphicons-halflings.png
  10. /img/gradient.png
  11. /js/app.js
  12. /js/init.js
  13. /js/install-button.js
  14. /js/lib/install.js
  15. /js/lib/require.js
  16. /js/lib/zepto.js

El paso restante es subir tu aplicaci贸n a Firefox OS App. Y si todo sale bien, ser谩 aprobada. 隆Esperamos que te haya sido de utilidad!

Fuente original del art铆culo: David Walsh Blog
Traducci贸n realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Magdiel lopez dice:

    gracias justo lo que necesitaba, me sirvio de muchisimo la informacion :)

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder