Android Studio avec GitHub

Nous allons sécuriser et partager vos projets développés avec Android Studio grâce à GitHub. GitHub est un service gratuit permettant d’archiver le code source des applications soit pour le partager avec des tiers, soit pour un usage privé.

Nous allons utiliser dans un premier temps GitHub en mode privé. L’idée est de gérer notre projet dans Android Studio, et de copier notre code sur un serveur distant GitHub. Cela permet de travailler sur plusieurs PC, ou à plusieurs collaborateurs.

Nous réaliserons :

  • la création d’un compte GitHub
  • la création d’un projet dans GitHub
  • la connexion d’Android Studio avec notre serveur GitHub.

Il y a 2 façons de démarrer avec GitHub :

  • en clonant un projet existant dans GitHub pour le récupérer dans Android Studio
  • en poussant le code d’un projet Android Studio vers GitHub (opération push)

Comme notre projet Hello Android a été créé dans Android Studio, nous devrons réaliser la seconde opération.

Création d’un compte GitHub

Rendons-nous sur la page du site github : https://github.com/

Android Studio avec GitHub-Etape 1 - Ouverture de compte GitHub
Android Studio avec GitHub-Etape 1 – Ouverture de compte GitHub

En haut à droite nous avons le bouton [Sign Up]. Nous pouvons arriver sur la même page en saisissant directement notre adresse courriel dans la zone centrale.

Android Studio avec GitHub-Etape 2 - Création du compte GitHub
Android Studio avec GitHub-Etape 2 – Création du compte GitHub

Nous indiquons notre adresse courriel. Cette adresse sera utilisé par github pour vérifier notre identité à l’étape 5. Nous choisissons notre mot de passe.

Le nom utilisateur username est utilisé pour construire les adresses des projets. Nous verrons que notre projet HelloAndroid sera accessible par l’adresse :
github.com/copier-coder/HelloAndroid/
Le choix du username a un impact sur la visibilité et l’accès à notre code partagé dans GitHub.

Vous pouvez accepter ou non de recevoir des offres produits par courriel.

Nous validons par [Continue].

Android Studio avec GitHub-Etape 3 - Vérification du compte GitHub
Android Studio avec GitHub-Etape 3 – Vérification du compte GitHub

La vérification du compte se fait par un captcha « Completely Automated Public Turing test to tell Computers and Humans Apart« , demandant de choisir l’image répondant le mieux à la question posée.

Lorsque tout est conforme nous pouvons demander la création du compte par [Create account].

Android Studio avec GitHub-Etape 4 - Validation du compte GitHub
Android Studio avec GitHub-Etape 4 – Validation du compte GitHub

A la création du compte, github nous adresse un code à notre adresse courriel.

Android Studio avec GitHub-Etape 5 - Qualification du compte GitHub
Android Studio avec GitHub-Etape 5 – Qualification du compte GitHub

Pour paramétrer le compte, GitHub nous demande de préciser l’usage que nous ferons de notre compte GitHub. Dans notre cas, nous voulons juste archiver notre code pour des raisons de sécurité, et éventuellement pouvoir partager notre travail sur plusieurs ordinateurs. Nous choisissons donc [Just me]. Nous n’avons ni coché [Student] ni [Teacher].

Android Studio avec GitHub-Etape 6 - Paramétrage du compte GitHub
Android Studio avec GitHub-Etape 6 – Paramétrage du compte GitHub

Nous n’avons pas besoin de fonctionnalités particulière pour l’instant, donc nus choisissons [Skip personalization]

Android Studio avec GitHub-Etape 7 - Première utilisation du compte GitHub
Android Studio avec GitHub-Etape 7 – Première utilisation du compte GitHub

Le compte est actif, nous pouvons créer notre premier projet.

Création d’un projet dans GitHub

Afin de tester la création d’un projet dans GitHub, nous avons suivi les étapes proposées dans GitHub à partir de [Create repository].

Nous mettons ici les étapes que nous avons suivit.

Toutefois, ce n’est pas la meilleure idée lorsqu’on travail entre Android Studio et GitHub. Nous verrons au paragraphe suivant qu’il est bien plus facile une fois le compte GitHub créé de retourner dans Android Studio et de partager le code avec GitHub depuis Android Studio.

Android Studio avec GitHub-Etape 8 - Création d'un projet dans GitHub
Android Studio avec GitHub-Etape 8 – Création d’un projet dans GitHub

Nous activons [Create repository]

Android Studio avec GitHub-Etape 9 - Définition d'un projet dans GitHub
Android Studio avec GitHub-Etape 9 – Définition d’un projet dans GitHub

Nous remarquons notre username suivi d’une zone de saisie dans laquelle nous indiquons le nom de notre projet HelloAndroid.

Nous choisissons [Private] pour ce projet, car nous n’attendons pas de mise à jour de la part de collaborateurs.

Nous souhaitons ajouter un fichier ReadMe qui décrira le projet [Add a README file].

Nous n’avons pas choisi d’ajouter le fichier .gitignore, ni une licence.

Nous validons la création du dossier [Create repository].

Android Studio avec GitHub-Etape 10 - Vue du projet créé dans GitHub
Android Studio avec GitHub-Etape 10 – Vue du projet créé dans GitHub

Le projet a été créé. Nous constatons le lien d’accès au projet (1) copier-coder/HelloAndroid . Ainsi que la propriété private (1).

Nous retrouvons la phrase indiquée dans [Description] lors de la création du projet à l’étape précédente (2). L’icône [crayon](3) permet de lancer le mode édition pour rédiger le fichier README.md.

Android Studio avec GitHub-Etape 11 - Rédaction du ReadMe.md du projet dans GitHub
Android Studio avec GitHub-Etape 11 – Rédaction du ReadMe.md du projet dans GitHub

La rédaction du fichier README se fait dans le langage de mise en page MarkDown (1). Nous indiquons le libellé de changement (2). Puis nous lançons l’opération d’enregistrement [Commit change] (3).

Android Studio avec GitHub-Etape 12 - Vue du ReadMe.md du projet dans GitHub
Android Studio avec GitHub-Etape 12 – Vue du ReadMe.md du projet dans GitHub

Notre fichier README est créé et le projet finalisé dans GitHub.

Android Studio avec GitHub-Etape 13 - Référence du projet dans GitHub
Android Studio avec GitHub-Etape 13 – Référence du projet dans GitHub

Nous voyons dans [Code] le lien https utilisé pour faire référence à notre projet :
https://github.com/copier-coder/HelloAndroid.git

Android Studio avec GitHub-Etape 14 - Référence https du projet dans GitHub
Android Studio avec GitHub-Etape 14 – Référence https du projet dans GitHub

Nous pouvons copier le lien complet avec l’icône situé à droite du lien.

Sécuriser et partager le projet HelloAndroid grâce à GitHub depuis Android Studio

Nous allons maintenant montrer comment Sécuriser et partager nos projets développés avec Android Studio grâce à GitHub sans quitter Android Studio.

La première phase est d’avoir créé son compte GitHub, ce que nous avons fait précédemment dans le paragraphe Création d’un compte GitHub.

La page de notre projet dans Android Studio est la suivante :

Android Studio avec GitHub-Etape 15 - Vue du projet dans Android Studio
Android Studio avec GitHub-Etape 15 – Vue du projet dans Android Studio

Choisir GitHub comme outil de gestion de version dans Android Studio

Le menu VCS permet d’activier un outil de Contrôle de Version [VCS](Version control System). Android Studio permet d’utiliser plusieurs type d’outil de vestion de version dont GitHub. Nous choisisson le menu [Enable Version control Intégration] :

Android Studio avec GitHub-Etape 16 - Activation de la gestion de version pour le projet dans Android Studio
Android Studio avec GitHub-Etape 16 – Activation de la gestion de version pour le projet dans Android Studio

Nous selectionnons Git comme outil de control de version :

Android Studio avec GitHub-Etape 17 - Activation de Git pour le projet dans Android Studio
Android Studio avec GitHub-Etape 17 – Activation de Git pour le projet dans Android Studio

Un message d’information confirme la création du répertoire Git en bas à gauche : Created Git repository in…

Le menu VCS est remplacé par le menu Git.

Android Studio avec GitHub-Etape 18 - Git activé en local pour le projet dans Android Studio
Android Studio avec GitHub-Etape 18 – Git activé en local pour le projet dans Android Studio

Activer le partage du projet Android Studio vers GitHub

Nous avons directement intégré dans Android Studio les outils pour nous connecter à GitHub : Git>Github>Share Project on GitHub :

Android Studio avec GitHub-Etape 19 - Activation du partage du projet sur GitHub dans Android Studio
Android Studio avec GitHub-Etape 19 – Activation du partage du projet sur GitHub dans Android Studio

Nous pouvons maintenant définir notre projet dans GitHub :

  • Le nom du projet dans GitHub
  • la description
  • l’ajout d’un compte GitHub par [Add account]
Android Studio avec GitHub-Etape 20 - Définition du partage du projet sur GitHub dans Android Studio
Android Studio avec GitHub-Etape 20 – Définition du partage du projet sur GitHub dans Android Studio

On commence par déclarer notre compte GitHub à partir d’un Token [Add account> Log in with Token…]

Android Studio avec GitHub-Etape 21 - Connexion à GitHub depuis Android Studio
Android Studio avec GitHub-Etape 21 – Connexion à GitHub depuis Android Studio

Nous obtenons l’accès à un bouton pour ajouter un Token [Generate] d’accès à github.com

Android Studio avec GitHub-Etape 22 - Connexion à GitHub par Token depuis Android Studio
Android Studio avec GitHub-Etape 22 – Connexion à GitHub par Token depuis Android Studio

Nous sommes invité à saisir nos identifiants d’accès par GitHub :

Android Studio avec GitHub-Etape 23 - Demande d'identification par GitHub depuis Android Studio
Android Studio avec GitHub-Etape 23 – Demande d’identification par GitHub depuis Android Studio

Nous indiquons notre adresse courriel utilisée pour la création du compte GitHub, ainsi que le mot de passe choisi. Puis nous nous enregistrons [Sign in].

Android Studio avec GitHub-Etape 24 - Identification sur GitHub suite à la création du Token dans Android Studio
Android Studio avec GitHub-Etape 24 – Identification sur GitHub suite à la création du Token dans Android Studio

Nous arrivons sur GitHub.

Android Studio avec GitHub-Etape 25 - Création par GitHub du Token pour Android Studio
Android Studio avec GitHub-Etape 25 – Création par GitHub du Token pour Android Studio

En bas de la page, nous avons le bouton [Generate token] :

Android Studio avec GitHub-Etape 26 - Génération sur GitHub du Token pour Android Studio
Android Studio avec GitHub-Etape 26 – Génération sur GitHub du Token pour Android Studio

GitHub génère un Token que l’on peut copier :

Android Studio avec GitHub-Etape 27 - Copie dans GitHub du Token pour Android Studio
Android Studio avec GitHub-Etape 27 – Copie dans GitHub du Token pour Android Studio

Nous collons le Token dans Android Studio :

Android Studio avec GitHub-Etape 28 - Coller le Token GitHub dans Android Studio
Android Studio avec GitHub-Etape 28 – Coller le Token GitHub dans Android Studio

Une fois le Token ajouté, nous pouvos compléter le sinformation sur le projet. L’identifiant du compte GitHub est visible : github.com/copier-coder. Nous validons le partage avec [Share].

Android Studio avec GitHub-Etape 29 - Validation de la création du projet dans Github depuis Android Studio
Android Studio avec GitHub-Etape 29 – Validation de la création du projet dans Github depuis Android Studio

Choisir les fichiers à partager sur GitHub

Nous devons choisir les fichiers que nous voulons partager avec Github. Dans un premier temps, nous choisissons les fichiers sur lesquels nous intervenons :

  • MainActivity.java
  • AndroidManifest.xml
  • activity_main.xml
Android Studio avec GitHub-Etape 30 - Choix des fichiers à pousser dans Github depuis Android Studio
Android Studio avec GitHub-Etape 30 – Choix des fichiers à pousser dans Github depuis Android Studio

Selection des fichiers :

Android Studio avec GitHub-Etape 31 - Liste des fichiers à pousser dans Github depuis Android Studio
Android Studio avec GitHub-Etape 31 – Liste des fichiers à pousser dans Github depuis Android Studio

Comme c’est la première connexion entre Android Studio et GitHub, nous avons la demande d’authentification qui s’affiche :

Android Studio avec GitHub-Etape 32 - Identification du compte utilisé dans Github depuis Android Studio
Android Studio avec GitHub-Etape 32 – Identification du compte utilisé dans Github depuis Android Studio

Avec le commit, nous avons une analyse du code par Android Studio. Nous avons un message indiquant qu’une chaïne de caractère aurait dî être défini dans les ressources Strings.

Android Studio avec GitHub-Etape 33 - Message suite au push Github visible dans Android Studio
Android Studio avec GitHub-Etape 33 – Message suite au push Github visible dans Android Studio

Comme il s’agit d’un Warning, nous pouvons passer outre et confirmer le Commit.

Nous voyons la liste des fichiers regroupé dans le Commit. Nous pouvons confirmer le [Push] pour enregistrer les fichiers dans GitHub :

Android Studio avec GitHub-Etape 34 - Préparation du push Github visible dans Android Studio
Android Studio avec GitHub-Etape 34 – Préparation du push Github visible dans Android Studio

On valide l’autorisation [Autorize GitCredentialManager] :

Android Studio avec GitHub-Etape 35 - Validation des authorisation par Github pour Android Studio
Android Studio avec GitHub-Etape 35 – Validation des authorisation par Github pour Android Studio

L’authentification a réussi :

Android Studio avec GitHub-Etape 36 - Confirmation des authorisation par Github pour Android Studio
Android Studio avec GitHub-Etape 36 – Confirmation des authorisation par Github pour Android Studio

Nous avons un message en bas à gauche confirmant l’initialisation du projet dans GitHub :

Android Studio avec GitHub-Etape 37 - Message confirmant l'initialisation du projet dans Github depuis Android Studio
Android Studio avec GitHub-Etape 37 – Message confirmant l’initialisation du projet dans Github depuis Android Studio

Nous allons dans GitHub pour vérifier le changement :

Android Studio avec GitHub-Etape 38 - Vue du projet dans Github créé par Android Studio
Android Studio avec GitHub-Etape 38 – Vue du projet dans Github créé par Android Studio

Le nom du projet HelloAndroid est clickable, et nous pouvons aller sur la page du projet :

Android Studio avec GitHub-Etape 39 - Ajout dans Github d'un ReadMe pour le projet créé dans Android Studio
Android Studio avec GitHub-Etape 39 – Ajout dans Github d’un ReadMe pour le projet créé dans Android Studio

Présenter le projet sur GitHub avec le fichier README.md

Nous ajoutons le fichier README.md au projet par [Add a README].

Android Studio avec GitHub-Etape 40 - Rédaction du ReadMe en MarkDown pour le projet créé dans Android Studio
Android Studio avec GitHub-Etape 40 – Rédaction du ReadMe en MarkDown pour le projet créé dans Android Studio

Nous validons la création du fichier README par un [Commit new File].

Android Studio avec GitHub-Etape 41 - Enregistrement du ReadMe en MarkDown pour le projet créé dans Android Studio
Android Studio avec GitHub-Etape 41 – Enregistrement du ReadMe en MarkDown pour le projet créé dans Android Studio

Nous avons montré comment sécuriser et partager nos projets développés avec Android Studio grâce à GitHub, et ce, directement depuis Android Studio.

Modifier un fichier dans Android Studio et enregistrer la modification dans GitHub

Nous allons à titre d’exemple, reprendre la demande de moficiation proposée par Android Studio, à savoir utiliser le fichier ressource Strings.xml pour définir le texte « Hello Android ! ».

Le message Android Studio est le suivant :
…\HelloAndroid\app\src\main\res\layout\Activity_main.xml
Warning:(12,9) Hardcoded string « Hello Android! », should use ‘@String’ resource

Android Studio avec GitHub-Etape 42 - Modification du code dans Android Studio
Android Studio avec GitHub-Etape 42 – Modification du code dans Android Studio

Nous identifions la ressource dans le fichier indiqué Activity_main.xml sur la première ligne de la notification, et à la ligne indiquée sur la seconde ligne de la notification (12,9) soit ligne 12 caractère 9.

Android Studio avec GitHub-Etape 43 - Le texte à remplacer par une ressource Strings dans Android Studio
Android Studio avec GitHub-Etape 43 – Le texte à remplacer par une ressource Strings dans Android Studio

Nous ajoutons la ressource dans le fichier :
res\values\strings.xml
Notons que le nom de la ressource est strings.xml avec un ‘s’ à string.

Android Studio avec GitHub-Etape 44 -Création de la ressource Strings dans Android Studio
Android Studio avec GitHub-Etape 44 -Création de la ressource Strings dans Android Studio

La ressource est identifiée par le nom que nous choisissons et qui doit être unique dans le fichier hello_text et la valeur du texte soit Hello Android !

Android Studio avec GitHub-Etape 45 -Ajout du nom de la ressource Strings dans Android Studio
Android Studio avec GitHub-Etape 45 -Ajout du nom de la ressource Strings dans Android Studio

Regardons dans le fichier AndroidManifest.xml comment est utilisé le fichier de ressource Strings.xml : nous voyon android:label= »@string/app_name » :

Android Studio avec GitHub-Etape 46 -Utilisation du nom de la ressource Strings dans Android Studio
Android Studio avec GitHub-Etape 46 -Utilisation du nom de la ressource Strings dans Android Studio

Nous modifions le fichier AndroidManifest.xml pour qu’il utilise la ressource « @string/hello_text ». Le texte de correspondant est directement visible lorsque nous nous plaçons sur le nom de la ressource : Hello Android !

Android Studio avec GitHub-Etape 47 -Remplacement du texte par la ressource Strings dans Android Studio
Android Studio avec GitHub-Etape 47 -Remplacement du texte par la ressource Strings dans Android Studio

Nous allons maintenant pousser la modification dans GitHub par le menu Git>Commit…

Android Studio avec GitHub-Etape 48 -Commit de la modification dans Android Studio
Android Studio avec GitHub-Etape 48 -Commit de la modification dans Android Studio

Nous ajoutons le message de commit, et nous constatons que Android Studio identifie les fichiers qui ont été modifiés :

  • activity_main.xml
  • strings.xml

Nous confirmons la modification avec [Commit and Push]

Android Studio avec GitHub-Etape 49 -Ajout du message de commit pour la modification dans Android Studio
Android Studio avec GitHub-Etape 49 -Ajout du message de commit pour la modification dans Android Studio

Nous retrouvons la liste des changements :

Android Studio avec GitHub-Etape 50 -Liste des fichiers modifié envoyé vers GitHub dans Android Studio
Android Studio avec GitHub-Etape 50 -Liste des fichiers modifié envoyé vers GitHub dans Android Studio

Nous pouvons aller voir les changements dans GitHub

Le fihcier res/values/strings.xml

Android Studio avec GitHub-Etape 51 -Vue dans GitHub du fichier Strings qui a été envoyé par Android Studio
Android Studio avec GitHub-Etape 51 -Vue dans GitHub du fichier Strings qui a été envoyé par Android Studio

Le fichier res/layout/activity_main.xml

Android Studio avec GitHub-Etape 52 -Vue dans GitHub du fichier activity_main qui a été envoyé par Android Studio
Android Studio avec GitHub-Etape 52 -Vue dans GitHub du fichier activity_main qui a été envoyé par Android Studio

Android Studio et le paramétrage de la connection à GitHub

Nous pouvons dant le menu Git>Manage Remotes… vérifier le paramétrage du projet :

Android Studio avec GitHub-Etape 53 -Parametrage de l'accès GitHub dans Android Studio
Android Studio avec GitHub-Etape 53 -Parametrage de l’accès GitHub dans Android Studio

Nous retrouvons le lien vers le projet dans GitHub, https://github.com/copier-coder/HelloAndroid.git

Android Studio avec GitHub-Etape 54 -Chemin d'accès à GitHub dans Android Studio
Android Studio avec GitHub-Etape 54 -Chemin d’accès à GitHub dans Android Studio

Le nom du projet dans GitHub doit être unique

Lorsque nous définissons un nom pour un projet dans Android Studio, ce nom est repris lors de la création du partage du projet avec GitHub.

Si le nom du projet existe déjà dans notre GitHub, un message d’avertissement apparait :

Android Studio avec GitHub-Etape 55 -Message de contrôle de GitHub si un projet existe déjà avec le même nom
Android Studio avec GitHub-Etape 55 -Message de contrôle de GitHub si un projet existe déjà avec le même nom

Nous pouvons changer le nom d’un projet dans GitHub. Il faut aller sur le projet dans le menu [Settings].

Sur la page, nous avons le nom du pojet avec à côté le bouton [Rename].

Android Studio avec GitHub-Etape 56 -Changement du nom d'un projet dans GitHub
Android Studio avec GitHub-Etape 56 -Changement du nom d’un projet dans GitHub

Android Studio permet de travailler confortablement avec GitHub

Nous avons vu dans cet article qu’il est très confortable de travailler avec GitHub depuis Android Studio.

Il est inutile de créer le projet dans GitHub.

Nous avons besoin d’un compte GitHub, puis le travail se fait directment dans Android Studio. Nous pouvons :

  • activer le partage du projet depuis Android Studio vers GitHub
  • pousser des modifications depuis Android Studio ers GitHub

Il est ainsi possible de sécuriser et partager nos projets développés avec Android Studio grâce à GitHub.

Nous avons maintenant mis en place nos outils de travail, nous allons pouvoir commencer la partie développement proprement dite.

Dans le prochain article, nous verrons comment utilisé la WebView dans une application Android.

Si vous avez aimé l'article vous êtes libre de le partager :-)

Laisser un commentaire