D - Comment débuter en React Native

1 Créer votre projet avec le nom de votre choix.

npx create-expo-app@latest manetteLab3 --template blank

1a Ou récupérer votre projet à partir de github

git clone adresseDeVotreProjet

2 Navigué dans le répertoire du projet

cd manetteLab3

3 Mettre les variables d'environnements à jour

Pour Windows, valider le chemin de votre installation du SDK dans Android Studio.

Vous avez le choix de mettre la variable d'environnement à tous les fois dans votre console.

set ANDROID_HOME=C:/Android/SDK

Sinon, vous pouvez mettre ça dans vos variables d'environnement de façon permanente. Voici la documentation comment le faire.

https://www.malekal.com/comment-modifier-la-variable-path-sous-windows-10-11/

Ensuite, vous devez mettre dans le PATH, le chemin de la commande adb.

Pour ceux qui ne sont pas de souvenir à quoi sert le PATH. Vous devez faire un peu de rattrapage et visitez ce site:

https://fr.wikipedia.org/wiki/Chemin_d%27acc%C3%A8s#:~:text=Sur%20Linux%20(et%20Unix)%2C,juste%20leur%20nom%20de%20base.

4 Créer les répertoires natifs

npx expo prebuild --platform android

Les répertoire ios et android devraient être créés.

4.1 Ajout Debug keystore

Aller dans ./android/app

keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000

4.2 Mettre exécutable gradlew (Machine Linux seulement)

N'oubliez pas de mettre gradlew sous .\android en exécutable via la commande chmod.

5 Exécutez les instructions pour que votre Cellulaire Android soit en developper mode

https://www.samsung.com/uk/support/mobile-devices/how-do-i-turn-on-the-developer-options-menu-on-my-samsung-galaxy-device/

6 Debug USB / Debug Wifi

Branchez maintenant votre cellulaire Android et mettez le en mode debug USB / Debug Wifi (à ON)

Notez bien l'adresse ip et le port. Vous allez le réutiliser.

Sur le serveur distant, connectez-vous sur celui-ci avec la commande

adb pair 10.10.x.x:port

Acceptez les autorisations lorsque la fenêtre aparait.

7 Valider la présence du téléphone

adb devices

8 Exécutez pour Android

npx expo run:android

Le build devrait commencer et l'application devrait s'installer sur le cellulaire. Vous verrez alors cet écran:

8 Partir expo

Plus souvent qu'autrement, il faut repartir expo et démarrer l'application directement du téléphone.

Assurez-vous d'être en mode development build.

npx expo start

9 Troubleshooting

Ajout du keystore file debug.keystore

Si vous avez cette erreur lors de commande : npx expo run:android

Erreur: Task :app:validateSigningDebug FAILED

Référence

https://docs.expo.dev/tutorial/create-your-first-app/