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.

  1. 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”.
  1. 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/)