Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
IoniComponents
IonicExampleBlank
IonicExampleMenu
IonicExampleTabs
README.md

README.md

Ionic

##1. Introduction ##

Ionic est un Framework open source pour développer des applications mobiles hybrides à partir d’Angular JS et de Cordova.

##2. Prérequis ##

Télécharger et installer de l’environnement node.js
Bien connaitre Angular Js et Cordova
Ionic v2 utilise Angular JS v2

##3. Installation ##

Installation de ionic dans le dossier home via gitBash ou l'invite de commande windows

npm install -g ionic
npm install -g ionic@1.3.2 (version ionic)
npm install -g cordova ionic (installation cordova + ionic)
sudo npm install -g ionic (Linux, OS X)

Modification de ionic

npm update -g ionic
npm update -g ionic@1.3.2 (version cordova)
sudo npm update -g ionic (Linux, OS X)

Proxy configuration

npm config set proxy http://user:pass@host:port
npm config set https-proxy http://user:pass@host:port
npm config set strict-ssl false

Ionic information

ionic info

##4. Création application ##

Création du premier projet ionic

PROXY=http://user:pass@host:port ionic start IonicExample sidemenu 
ionic start IonicExample sidemenu 
  • Arg 1 : IonicExample (nom)
  • Arg 2 : blank | sidemenu | tab (option)
  • Arg 3 : -v2 (option version ionic)

Ajout ou modification de la platform dans un projet ionic

ionic platform android
  • Arg 1 : android | ios | windows

Liste des platforms dans votre projet ionic

ionic platform ls

Utilisation du Sass

ionic setup sass

##5. Test application ##

Compilation du code et génération de l'APK dans le chemin platforms/android/build/outputs/apk/android-debug.apk

ionic build android
  • Arg 1 : android | ios | windows (plateform de compilation)

Lancer l'application sur un navigateur internet

ionic serve 

Lancer l'application sur un appareil externe

ionic run android
  • Arg 1 : android | ios | windows (plateform de lancement)

Lancer l'application sur un appareil interne

ionic emulate android
  • Arg 1 : android | ios | windows (plateform de lancement)

Forcer la compilation du Sass

gulp sass

Ajoute des nagateurs

ionic browser add crosswalk
  • Arg 1 : crosswalk | ... | ... (browsers de lancement)

Liste des nagateurs

ionic browser list

##6. Plugin application ##

Ajouter un plugin dans votre application cordova

cordova plugin add cordova-plugin-battery-status
  • Arg 1 : cordova-plugin-battery-status (nom du plugin)

##7. Link ##

Ionic documentation

You can’t perform that action at this time.