Quelques liens :
- Documentation Ionic : ionicframework.com/docs/
- Ionic Creator : creator.ionic.io/app/dashboard/projects
- Ionic icône : ionicframework.com/docs/v2/ionicons/
- Documentation des plugins cordova : ngcordova.com/docs/plugins/
- Créer un login : devdactic.com/login-ionic-2/
Commandes :
- Récupérer les infos de Ionic :$ ionic info
- Créer un nouveau projet :$ ionic start <my_app_name> [template]
$ ionic start myApp blank --v2 --ts
$ ionic start myApp tabs --v2 --ts
$ ionic start myApp sidemenu --v2 --ts
$ ionic start myApp tutorial --v2 --ts
- Ajouter une page ou un provider
ionic g page login
ionic g provider authService
- Ajouter une plateforme à notre projet :
$ ionic cordova platform add ios
$ ionic cordova platform add android
$ ionic cordova platform add browser //permet de travailler en debug sur un navigateur internet
- Supprimer une plateforme
- ionic cordova platform rm ios
- Lancer sur navigateur son application :
$ ionic serve
$ ionic serve --lab
- Lancer son application sur une plateforme :
$ ionic run android
$ ionic run ios
$ ionic run browser
- Ajouter un plugin cordova :
- GPS :
$ ionic plugin add cordova-plugin-geolocation
- BDD SQLite :
$ ionic plugin add cordova-sqlite-storage
- HTTP :
$ ionic plugin add cordova-plugin-http
- Google Map :
$ ionic plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE"
- GPS :
- Désinstaller un plugin cordova :
- $ ionic plugin remove cordova-sqlite-http
- Générer des icônes pour une application, remplacer le fichier « icon.png » du répertoire « resources » avant :
$ ionic resources --icon
- $ ionic resources –splash // pour le slash screen
- Lancer l’application en production :
$ ionic run android --prod --release
- Générer un apk android :
$ ionic build android --prod --release
Pour bénéficier de la coloration syntaxique de Typescript dans l’IDE Atom il faudra ajouter le plugin qui se trouve ici.
Pour tester sur son mobile via chrome : chrome://inspect/#devices
Pense-bête Ionic