Pense-bête Ionic

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"
• 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