RootsLabs

More than a tool ! GitHub Google+ LinkedIn RSS

Créer une application Cordova pour Firefox OS

Progi1984 - Commentaires (1)

Aujourd’hui, j’ai l’intention de vous faire découvrir Apache Cordova : j’ai voulu profiter de la réalisation pour Firefox OS pour apprendre à utiliser cette technologie. Mais qu’est-ce donc que Cordova ?

Apache Cordova ou plus anciennement Apache Callback ou PhoneGap, est un framework open-source développé par la Fondation Apache. Il permet de créer des applications mobiles pour différentes plates-formes (Android, iOS, Windows 8…) en HTML, CSS et JavaScript.
Les applications qui en résultent sont hybrides, ce qui signifie qu’elles ne sont ni vraiment natives, ni purement basées sur les langages HTML, CSS et JavaScript.

Logo Cordova

Pour informations, l’OS de base pour cet article est Fedora.

Installer les pré-requis

On va d’abord commencer par installer Node JS :

Si vous avez une erreur dû à une librairie liée à chromium, il faut désinstaller le package v8 avant d’installer Node JS.

On installe NPM (Node Package Manager) :

On installe le package « inherits » :

On installe Cordova :

Création de l’application avec Cordova

On se place dans le dossier où sera stockée notre projet.
On lance cette commande pour créer un projet Cordova :

  • test : le répertoire qui contiendra le projet (il sera créé lors de la commande)
  • com.example.test : l’identifiant de votre projet
  • TestProject : le titre de votre projet

Ensuite, on se déplace dans le dossier qui vient d’être créé :

Puis, on ajoute, dans notre cas, la plateforme Firefox OS :

Testons notre nouvelle application Cordova

Firefox OS ne supporte pas encore la commande cordova emulate firefoxos mais c’est pour bientôt.

Dans les deux cas, on lancera la commande avant tout test :

Quelles solutions s’offrent à nous ?

  • Utiliser Cordova pour créer un serveur

Pour cela, rien de plus simple, on se déplace dans le dossier du projet et on lance un serveur via Cordova :

Un petit tour dans votre navigateur préféré et le rendu sera fonctionnel.

  • Utiliser l’émulateur Firefox OS pour tester l’application

Pour cela, c’est un peu plus compliqué :

  • Dans Firefox, aller à l’adresse : about:app-manager ;
  • Choisir « Applications » (à droite) ;
  • Cliquer sur « Ajouter une application empaquetée » (en bas) ;
  • Aller dans le dossier (de votre projet) « test/platforms/firefoxos/www »
  • Cliquer sur « Ouvrir
  • Choisir « Appareil » (à droite) ;
  • Choisir la version de Firefox OS que vous souhaitez ou sinon ajouter une nouvelle version via le bouton « Ajouter » (en bas) ;

Publier mon application

Voilà, mon application est finie de développer (je suis rapide, non :p). Cordova va alors nous préparer le package que l’on publiera sur le MarketPlace.
Pour cela, dans le dossier de notre projet, on lance :

Et la ligne de commande vous dit même où trouver le package à envoyer sur le Mozilla Marketplace.

Conclusion

Et voilà, il est simple de gérer une application avec Cordova. On vient de créer une application pour Firefox OS, mais on peut ajouter d’autres plateformes : Windows 8 & Windows Phone, iOS, Android ou BlackBerry 10. L’avantage reste la base de code unique auquel on ajoutera des CSS ou JS spécifiques pour telle ou telle plateforme.

Commentaires

1. RootsLabs » RennesTransit devient RennesToolbox 0.1.4, le 8 octobre 2014 à 09:17

[…] etc… Le code de l’application a été complètement refactorisé et est passé sous Cordova. Nous avons donc toujours les informations du Star […]

Ajouter un commentaire

Commentaire :