Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à connaître Firefox OS, les appareils fonctionnant sur Firefox OS, disponibles sur le marché, exécutant FxOS pour tester et déboguer des applications sur WebIDE et créer une application de base pour FxOS. Enfin, vous apprendrez à porter des applications Web existantes dans FxOS en développant un fichier manifeste..

Firefox OS

Firefox OS a été développé par Mozilla, qui est surtout connu pour le navigateur Web Firefox et Webmaker. Il s’agit d’un système d’exploitation gratuit (sans technologie propriétaire) adapté aux smartphones, aux tablettes et même aux téléviseurs. Son nom de projet est Boot to Gecko (B2G).

Firefox OS vise à fournir une solution Web aux développeurs, car ses applications sont construites avec HTML5, CSS et Javascript, ainsi que des API Web ouvertes qui aident un développeur à accéder au matériel et aux services du périphérique tels que la caméra, l'état de la batterie et les vibrations. En fait, l’ensemble de l’interface utilisateur de FxOS est une application Web appelée Gaia, qui peut lancer et afficher d’autres applications Web..

WebIDE pour l'exécution du simulateur FxOS

Vous pouvez exécuter Firefox OS en lançant WebIDE (disponible dans Firefox Developer Edition). Je vais lancer FxOS 2.2.

Si vous êtes plus enclin à tester vos applications ou à poursuivre le développement sur un véritable appareil, vous pouvez consulter le catalogue de l'appareil..

Construire une application basique pour FxOS

Construisons une simple application Hello World pour FxOS afin de définir la procédure de création d’une application pour la plate-forme. Tout d'abord, nous devrons développer un fichier manifeste. Il sera nommé manifeste.webapp. Un fichier manifeste ressemble à ceci:

"name": "Hello World", "description": "Hello Tuts + App", "version": "1.0", "launch_path": "/index.html", "developer": "name": "Tanay Pant "," url ":" http://twitter.com/tanay1337 "," autorisations ": 

Bien, puisque nous avons maintenant créé le fichier manifeste, nous pouvons passer au développement de notre index.html page.

      
Bonjour les tuts+
  Frappez-Moi!   

Et enfin le app.js qui est le moteur de base de notre application et est situé à js / app.js.

var button = document.getElementById ('myButton'); var txtInput = document.getElementById ('myTextInput'); button.addEventListener ('click', function () var text = txtInput.value; alert (text););

Donc, notre application très basique pour FxOS a été construite, et il est maintenant temps de l'exécuter dans le simulateur! Pour ce faire, tout d'abord:

1. Ouvrir WebIDE. 
2. Sélectionner Projet.
3. Sélectionner Ouvrir l'application hébergée. 

Il vous demandera l'URL du manifeste de votre application. Dans mon cas, c'est http: //localhost/manifest.webapp, depuis que j'héberge les exemples de code sur mon serveur local. Cela installera votre application dans le simulateur.!

Maintenant, ouvrez le simulateur et vous verrez que votre application Hello World figure dans la liste des applications installées..

Notre application installée ressemble maintenant à ceci:

Portage d'applications Web existantes vers FxOS

Pour porter une application Web existante sur FxOS, il vous suffit de suivre les étapes suivantes:

1. Il suffit de créer une application Web standard, en utilisant l’un de vos outils favoris..
2. Identifiez-la en tant qu'application Web installable en ajoutant un fichier manifest.webapp au répertoire racine de l'application Web. Cela permet de définir les noms, les icônes, les informations de localisation et surtout les autorisations que votre application demandera à l'utilisateur pour accéder aux API de l'appareil..
3. Créez toutes les fonctionnalités dont vous avez besoin, qui utilisent des API de périphérique spéciales telles que l'appareil photo, les SMS, les notifications ou les alarmes, et créez les fichiers d'actif tels que les icônes..
4. Emballez et distribuez votre application. Vous pouvez le publier sur le marché en tant qu'application packagée ou en tant qu'application auto-hébergée..

Voici une illustration de Mozilla Developer Network, qui décrit le processus ci-dessus sous la forme d'un organigramme..

Conclusion

Construire des applications pour Firefox OS est très intéressant car il utilise les technologies Web que nous connaissons tous si bien. Cependant, l'ajout des API de périphérique, nous permettant d'accéder au matériel, rend le processus de création de l'application encore plus attrayant. Avec juste une petite étude des API, vous pouvez créer des applications telles que des applications de caméra, d'alarme, de notes et de rappel, et bien plus encore. Se sentir excité et confiant? Vous devez absolument essayer de pirater le référentiel de Gaia sur Github et contribuer au développement du développement frontal et d'interface utilisateur de Firefox OS..

Même le portage d'applications Web existantes sur FxOS peut être fait à la volée en seulement quatre étapes simples. Le marché de Firefox, même s'il est volumineux, n'est pas aussi complet que l'App Store ou le Play Store. cela peut être un succès!