Installer son environnement de développement¶
Choix de l’éditeur de texte¶
Nous avons pris la décision de laisser le laisser aux développeurs le choix de leurs éditeurs de texte.
Cependant, nous pouvons recommander l’utilisation de deux éditeurs de textes.
Visual Studio Code
est un éditeur développé par Microsoft pour Windows, Linux et OS X. Gratuit et open-source, il inclus des plugins pour le débogage, la prise en charge de git, et une aide à la saisie de texte “intélligente”.
Note
Téléchargement: https://code.visualstudio.com/download
WebStorm
est un outil open-source basé sur la plateforme intelliJ. C’est un choix particulièrement intéréssant pour la développement en React.
Note
Téléchargement: https://www.jetbrains.com/webstorm/
Installer android studio¶
Visual studio est un élément essentiel de votre environnement de travail si vous souhaitez tester utiliser l’application sur un système Android.
Vous pouvez télécharger Android Studio directement sur le site officiel: https://developer.android.com/studio
Créer un émulateur android¶
Une fois android studio installé, vous allez pouvoir installer votre premier émulateur Android. Un émulateur Android est tout simplement un appareil téléphone Android virtuel (AVD: Android Virtual Device).
Pour créer un émulateur android, utilisez la commande suivante dans un interpréteur de commande:
avdmanager create avd -n <nom_de_l_emulateur> -k <target>
-
nom_de_l_emulateur
¶ Vous pouvez remplacer ce champ par le nom donné à votre émulateur, par example
emulateur1
-
target
¶ Target correspond à la version d’Android souhaitée. Vous pouvez lister les versions disponibles d’android sur votre machine avec la commande suivante:
avdmanager list targets
Cette commande vous affichera les target avec la version d’Android correspondante, par example:
Available Android targets: id: 1 or "android-3" Name: Android 1.5 Type: Platform API level: 3 Revision: 4 Skins: QVGA-L, HVGA-L, HVGA (default), HVGA-P, QVGA-P id: 2 or "android-4" Name: Android 1.6 Type: Platform API level: 4 Revision: 3 Skins: QVGA, HVGA (default), WVGA800, WVGA854 id: 3 or "android-7" Name: Android 2.1-update1 Type: Platform API level: 7 Revision: 2 Skins: QVGA, WQVGA400, HVGA (default), WVGA854, WQVGA432, WVGA800 id: 4 or "android-8" Name: Android 2.2 Type: Platform API level: 8 Revision: 2 Skins: WQVGA400, QVGA, WVGA854, HVGA (default), WVGA800, WQVGA432
Une fois votre émulateur crée, vous pouvez vérifier son status via la commande suivante:
avdmanager list avd
Note
L’ensemble de ces actions sont aussi possibles depuis l’interface graphique de Android Studio
, cependant, l’éxecution en ligne de commande nous offre plus de contrôle et une plus grande richesse de paramètres d’exécution. Voir https://developer.android.com/studio/run/managing-avds.html pour la liste des options
Installer React-native¶
Pour installer React Native, nous avons besoin des prérequis suivants:
- Nodejs
- NPM
- Watchman
Installer Nodejs¶
React Native étant un framework de JavaScript, il requiert d’avoir Nodejs installé.
curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -
sudo apt-get install -y nodejs
Installer NPM¶
Après avoir installer Nodejs, vous pouvez installer NPM, le gestionnaire de packets pour Nodejs.
curl http://npmjs.org/install.sh | sh
Installer Watchman¶
Watchman est un outil qui permet de “regarder” les fichiers de notre ordinateur.
En d’autres termes, ils nous permet de recharger l’application dès qu’un fichier à été modifié.
C’est un outil facultatif
mais vivement conseillé pour gagner du temps.
git clone https://github.com/facebook/watchman.git
cd watchman ; git checkout v4.9.0
./autogen.sh ; ./configure ; make
sudo make install
Installer React Native¶
Finallement, vous allez pouvoir installer le fameux React Native
sudo npm install -g react-native-cli
Note
Vous pouvez noter l’utilisation de sudo
. Nous sommes obligés d’utiliser sudo
avec l’option -g
, qui nous permet d’installer React Native globalemet sur votre machine.
Vous pouvez décider d’installer React Native localement sur le projet avec la commande suivante:
npm install react-native-cli
Installer les outils de test d’intégration¶
Durant cette partie, nous allons procéder à l’installation des outils permettant l’exécution des tests d’intégration. Cette partie est facultative, cependant, ces outils peuvent vous permettre d’automatiser certaines de vos tâches, et donc d’optimiser votre temps de travail.
Installer appium¶
Appium est un système de d’automatisation pour applications natives ou hybrides.
sudo npm install -g appium@1.8.1 --unsafe-perm=true --allow-root
Pour vérifier que l’installation c’est correctement déroulée vous pouvez utiliser la commande suivante:
npm install -g appium-doctor
appium-doctor
Installer Python et pip¶
L’ensemble des scripts d’automatisation sont développés en python.
Si vous utilisez un système d’exploitation récent, vous avez des changes d’avoir d’ores et déjà ces deux outils sur votre machine.
Pour vérifier si c’est le cas:
python --version
pip --version || pip3 --version
Si ce n’est pas le cas, veuillez vous référer à la documentation officielle de pip (https://pip.pypa.io/en/stable/installing/)