Blog

Ionic : la plateforme hybride mobile

Le framework Ionic est sans doute une des meilleures solutions de développement d’applications mobiles hybrides.

Sa robustesse est liée à une couche AngularJS très bien réalisée et une librairie graphique simple et efficace.

Mais ce qui distingue Ionic, c’est l’inventivité de ses équipes pour réaliser des outils de productivité toujours plus intégrés ! Quels sont ces outils ?

Ionic CLI : resources

L’outil de ligne de commandes ne cesse d’évoluer pour offrir de nouvelles fonctionnalités, dernière en date : la génération des ressources du projet natif ! Pour quelqu’un comme moi qui a du faire ses petits scripts grunt de déploiement de fichiers de ressources (icones et splashscreens) dans toutes les résolutions et sur les différents OS, c’est vraiment un soulagement !

Avec une simple commande, on peut générer les images voulues pour notre appli.

  • Copier une image à un format voulu (y compris Illustrator) dans un dossier de notre choix (par défaut : / resources)
  • Lancer ionic resources (avoir ajouté une plateforme avant)
  • Vérifier la génération des images : en fonction de la résolution initiale de l’image (512 * 512 devrait suffire avant l’arrivée des écrans xxxhdpi …) l’outil va générer les différentes versions !
  • Lancer le build de l’application native : si le dossier configuré dans le config.xml est respecté, les images sont automatiquement copiées dans le projet
  • Utiliser l’appli

 

Ionic IO / Ionic View

Voici la plateforme cloud dédiée aux applications en test !

Une fois notre appli générée, comment la partager ? Avec la nouvelle application Ionic View, rien de plus simple !

  • S’inscrire sur Ionic.io
  • Installer l’application Ionic View (version android)
  • Lancer la commande ionic upload
  • Vérifier la disponibilité de son application dans Ionic View : on va juste télécharger l’application en mode intégrée, elle ne sera pas réellement installée dans l’OS.
  • Enjoy & share : partager son application devient super simple avec la fonction intégrée !

 

Ionic Creator

Au secours je ne comprends rien au formalisme des templates HTML du framework Ionic !

N’aie crainte Jolly Jumper, Ionic Creator est l’outil qu’il te faut pour réaliser tes écrans ! Vous allez devoir vous identifier dans l’outil, créer votre application, mais après ? On en fait quoi ? Hé bien comme ils ont bien fait les choses chez Ionic.IO, vous allez pouvoir exporter votre application dans le cloud de Ionic ! Et l’installer en local avec une simple commande ! Voici les étapes :

  • S’identifier sur Ionic Creator
  • Créer une application
  • Aller dans le menu de droite pour exporter l’application
  • Utiliser la commande dédiée : ionic start [appName] creator:xxxxxxxxx
  • L’application est générée, on peut désormais la modifier en local ou l’uploader dans Ionic View !

En résumé, Ionic se positionne de plus en plus comme une plateforme complète de services sur le développement mobile Hybride. dans le futur, un service de Push est prévu et le travail a déjà commencé sur la migration des interfaces sur Materiel Design ainsi que AngularJS 2 !

admin

Written by

The author didnt add any Information to his profile yet