Développez une application mobile avec Angular et Ionic

Ceci est le dépôt associé au projet Développez une application mobile avec Angular et Ionic sur OpenClassrooms.

Technologies

• HTML5
• SCSS
• Angular
• TypeScript
• RxJS
• Ionic
• Firebase

Pré-requis

• Java JDK
• Node.js et npm
• Cordova et Ionic
• Android Studio
• Android SDK tools et platform à mis à jour. Disponible via le SDK Manager de Android Studio
• Xcode 7 ou plus
• iOS 9
• Un Apple ID gratuit ou un compte développeur Apple payant

Fonctionnement

Créer le fichier src/app/app.firebase.config.ts et insérer la configuration suivante :

export const FIREBASE_CONFIG = {
  apiKey: <YOUR_API_KEY>,
  authDomain: <YOUR_AUTH_DOMAIN>,
  databaseURL: <YOUR_DATABASE_URL>,
  projectId: <YOUR_PROJECT_ID>,
  storageBucket: <YOUR_STORAGE_BUCKET>,
  messagingSenderId: <YOUR_MESSAGING_SENDER_ID>
};

Se positionner dans le dossier du projet, à sa racine.

Pour lancer l'application sur un navigateur Web, utiliser la commande suivante :

• ionic serve afin de lancer un serveur en ouvrant automatiquement une fenêtre dans le navigateur par défaut
• npm start afin de lancer un serveur sans ouvrir de fenêtre et accéder à l'application manuellement via l'URL http://localhost:8100/

Déploiement

Pour un déploiement sur un périphérique sans construction de l'exécutable de l'application, exécuter la commande suivante : ionic cordova run [<platform>] avec au choix comme plateformes androidou ios.

Publication sur le Play Store

Se positionner dans le dossier du projet, à sa racine.

Génération de l'apk : ionic cordova build android --prod --release

Se déplacer dans le dossier de l'apk générée : cd platforms/android/build/outputs/apk

Utiliser la commande suivante pour générer un keystore : keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-alias

Utiliser la commande suivante pour signer l'apk à l'aide du keystore précédemment généré : jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.jks app-release-unsigned.apk my-alias

Finaliser le processus à l'aide de la commande suivante afin d'optimiser l'application : zipalign -v 4 app-release-unsigned.apk app-release.apk

On peut ensuite vérifier que notre apk a bien été signée : apksigner verify app-release.apk

Maintenant, nous avons le fichier app-release.apk prêt à être déployé sur le Play Store.

Se créer un compte sur Google Play Store Developer Console, cela coûte $25.

Ensuite, cliquer sur “Publish an Android App on Google Play” et suivre le processus pour envoyer votre application sur le store de Google.

Pour la mise à jour de votre application, il faut au préalable modifier le fichier config.xml du projet afin d'en incrémenter la version.

Publication sur l'Apple Store

Suivre la procédure via la documentation officielle de Ionic : iOS Devices