1
00:00:02,580 --> 00:00:05,010
Vous avez maintenant appris comment créer votre application

2
00:00:05,010 --> 00:00:06,840
pour iOS, qu'en est-il d'Android?

3
00:00:06,840 --> 00:00:09,870
Encore une fois et les documents officiels React Native, sous

4
00:00:09,870 --> 00:00:14,310
guides, Android, vous trouverez des instructions sur la façon de publier votre application sur le Google

5
00:00:14,310 --> 00:00:18,720
Play Store et à la fin, vous pouvez simplement suivre les instructions que vous trouverez ici.

6
00:00:18,730 --> 00:00:23,890
Tout commence par la création d'un tel magasin de clés que j'ai déjà mentionné dans le flux de travail géré

7
00:00:23,920 --> 00:00:27,100
par l'expo, mais il a fait cela pour nous sur leurs serveurs, ici

8
00:00:27,130 --> 00:00:33,220
nous devons le faire et nous pouvons le faire à l'intérieur de notre projet ou sur Windows comme il est dit ici , assurez-vous

9
00:00:33,220 --> 00:00:38,740
d'exécuter cette commande lors de la navigation dans ce dossier. Vous pouvez ensuite copier votre fichier de clés dans

10
00:00:38,740 --> 00:00:41,140
votre projet ou le stocker ailleurs.

11
00:00:41,140 --> 00:00:45,820
Vous aurez besoin de ce fichier de clés qui est généré pour signer votre application et pour signer les mises à

12
00:00:45,820 --> 00:00:46,220
jour

13
00:00:46,300 --> 00:00:47,710
de l'application, alors assurez-vous de ne

14
00:00:47,740 --> 00:00:51,730
pas le perdre sinon vous ne pourrez pas reconstruire votre application ou mettre à jour votre application.

15
00:00:51,760 --> 00:00:57,370
Donc, ici, vous pouvez entrer un mot de passe arbitraire ce que vous voulez choisir, puis des informations sur

16
00:00:57,370 --> 00:01:03,970
vous qui pourraient techniquement être erronées mais qui devraient être correctes car il s'agit de votre identifiant avec instance, car il est

17
00:01:03,970 --> 00:01:08,780
utilisé pour attribuer votre application dans le fin et une fois que vous avez entré tout

18
00:01:08,780 --> 00:01:15,820
cela et que vous l'avez confirmé et que vous avez choisi vos mots de passe, cela crée maintenant ce fichier de clé de téléchargement

19
00:01:15,820 --> 00:01:23,950
de ma clé ici et maintenant vous pouvez l'utiliser pour signer votre demande. Ensuite, vous devez configurer certaines variables gradle comme vous le voyez ici

20
00:01:23,950 --> 00:01:29,900
et pour cela, assurez-vous de déplacer le stockage des clés vers le dossier de l'application Android, donc à

21
00:01:29,960 --> 00:01:30,670
partir

22
00:01:30,680 --> 00:01:37,910
de ce dossier ici, déplacez-le vers Android et là-bas dans le dossier de l'application afin que le fichier est là, puis

23
00:01:39,740 --> 00:01:49,300
accédez au fichier de propriétés de gradle, le fichier de propriétés de gradle Android. Donc, ici, sous Android, nous avons le fichier de propriétés gradle et

24
00:01:49,300 --> 00:01:53,200
là-bas, vous pouvez ajouter ces entrées et comme il

25
00:01:56,570 --> 00:02:04,330
est dit ici, remplacez les étoiles ici par le mot de passe que vous avez choisi pour le magasin

26
00:02:04,330 --> 00:02:05,620
de clés.

27
00:02:05,890 --> 00:02:09,250
Une fois que vous avez fait cela, vous pouvez fermer ce fichier, vous devez

28
00:02:09,470 --> 00:02:15,140
aller dans le fichier gradle de construction de l'application Android, donc ne pas construire gradle ici mais dans le dossier de l'application et là

29
00:02:15,170 --> 00:02:23,710
le fichier build gradle et ajouter cette configuration dans le nœud Android comme vous pouvez le voir . Donc vous pouvez simplement copier ceci et ensuite ici, rechercher

30
00:02:23,710 --> 00:02:31,980
le nœud Android qui est ce nœud, là vous avez la configuration par défaut ce que vous ne devez pas

31
00:02:34,810 --> 00:02:38,260
toucher mais vous avez obtenu votre configuration de

32
00:02:39,740 --> 00:02:47,270
signe où vous devriez à la fin ajouter cette partie de la version, donc pas supprimez la partie de

33
00:02:47,720 --> 00:02:54,600
débogage mais ajoutez cette partie de la version, puis sous la version des types de build, ajoutez

34
00:02:54,600 --> 00:02:56,280
cette ligne ici.

35
00:02:56,640 --> 00:03:04,720
Donc, si nous descendons plus loin, libérons les types de build, nous pouvons ajouter cette ligne, signer la version de configuration et maintenant

36
00:03:04,720 --> 00:03:09,390
vous pouvez générer votre APK avec ces commandes, donc en naviguant dans le dossier

37
00:03:09,390 --> 00:03:14,230
Android puis en exécutant cette commande. Faisons donc cela, allons tout d'abord naviguer

38
00:03:14,230 --> 00:03:19,350
dans le dossier Android ici avec cd android puis exécutons cette commande gradle w et cela devrait

39
00:03:19,360 --> 00:03:20,800
maintenant construire votre application

40
00:03:20,800 --> 00:03:26,170
et la signer pour la production et vous donner un tel ensemble d'applications à la fin que vous

41
00:03:27,180 --> 00:03:29,660
pouvez puis téléchargez sur le Google Play Store.

42
00:03:29,670 --> 00:03:36,160
Attendons donc que cela se termine et une fois cette construction réussie, vous pouvez réellement prendre ce bundle d'applications que vous

43
00:03:36,280 --> 00:03:39,850
trouvez maintenant sous le bundle de sorties générées par la build

44
00:03:43,310 --> 00:03:49,910
d'applications, ce fichier ici, c'est votre bundle de versions, c'est ce que vous pouvez télécharger sur le Google Play Store .

45
00:03:50,770 --> 00:03:55,640
Pour cela, vous pouvez rechercher la console Google Play et vous avez besoin d'un

46
00:03:55,700 --> 00:03:56,740
compte de

47
00:03:56,750 --> 00:04:04,670
développeur Google pour celui qui vous coûte également de l'argent, mais contrairement au programme Apple, ce n'est pas un abonnement, c'est des frais

48
00:04:04,670 --> 00:04:09,530
uniques de 25 $ et ici dans la console Google Play, vous pouvez maintenant

49
00:04:09,530 --> 00:04:18,540
créer une nouvelle application une fois que vous êtes connecté avec votre compte payant, choisir un nom d'application comme celui-ci, le créer, puis ici, vous pouvez gérer

50
00:04:18,540 --> 00:04:22,410
l'apparence de votre boutique ou votre application entière à quoi elle

51
00:04:25,100 --> 00:04:33,070
ressemble et sous les versions de l'application, là vous pouvez cliquer sur la piste de production, gérer la production, y créer une version

52
00:04:33,070 --> 00:04:38,050
et maintenant vous devez télécharger votre bundle d'applications. Maintenant, vous pouvez cliquer sur continuer ici avec les paramètres

53
00:04:38,050 --> 00:04:43,420
par défaut normalement, mais en général, je vous recommande de vous plonger dans la documentation de Google Play Store ou de la

54
00:04:43,730 --> 00:04:49,090
console Google Play pour tout savoir sur les choses que vous pouvez configurer ici mais à la fin, c'est maintenant où vous

55
00:04:49,090 --> 00:04:51,270
pouvez télécharger le bundle que vous avez créé.

56
00:04:51,400 --> 00:04:57,130
Donc, ici, vous téléchargeriez ce fichier groupé et par la suite, vous pouvez terminer l'apparence de votre boutique et vous pouvez

57
00:04:57,130 --> 00:04:59,940
également publier votre application dans le Google Play Store.

58
00:05:01,830 --> 00:05:06,600
Bien sûr, vous vous demandez peut-être comment ajouter des icônes, etc., car je n'ai pas encore abordé ce sujet?

59
00:05:07,180 --> 00:05:11,160
Un moyen pratique et facile de le faire est à l'aide d'Android Studio.

60
00:05:11,160 --> 00:05:17,610
Là, vous pouvez ouvrir un projet Android Studio existant et ouvrir votre dossier Android dans votre projet React Native ici avec Android

61
00:05:17,610 --> 00:05:24,440
Studio, juste le dossier Android, pas l'intégralité du projet React Native. Là-bas, vous trouverez votre partie Android de

62
00:05:24,440 --> 00:05:32,980
ce projet et ici pour ajouter des icônes, vous pouvez aller dans le dossier de l'application, source, main, res

63
00:05:33,490 --> 00:05:37,410
et y attendre cette initialisation et la construction pour

64
00:05:37,580 --> 00:05:45,410
terminer qui démarre une fois que vous ouvrez cette et une fois cette initialisation terminée, dans ce dossier

65
00:05:45,410 --> 00:05:52,330
d'application si vous cliquez sur le dossier res, faites un clic droit dessus, vous pouvez

66
00:05:52,370 --> 00:06:00,290
sélectionner nouveau et là, image et cela ouvre un éditeur où vous pouvez facilement ajouter et générer de

67
00:06:00,380 --> 00:06:06,420
nouvelles images, nouveau icônes par exemple. Là, vous pouvez choisir de lancer vos icônes, adaptatives et héritées et maintenant

68
00:06:06,420 --> 00:06:08,490
ce que vous pouvez faire, vous pouvez laisser

69
00:06:08,580 --> 00:06:14,580
le nom, vous pouvez configurer votre icône, vous pouvez le configurer là-bas. Vous pouvez choisir un calque de

70
00:06:14,580 --> 00:06:23,050
premier plan et là, vous pouvez par exemple choisir le chemin d'une image que vous souhaitez utiliser, un calque d'arrière-plan où vous

71
00:06:23,050 --> 00:06:29,050
pouvez définir une couleur unie ou aussi une image que vous souhaitez utiliser en arrière-plan

72
00:06:29,050 --> 00:06:35,170
et donc générer votre icône avec cet outil. Cliquez simplement sur Terminer et bien sûr fournissez votre propre image si vous le souhaitez

73
00:06:35,170 --> 00:06:42,720
et cela mettra tout en place pour que vous ayez une belle icône qui, bien sûr, est assez douce. Maintenant, en ce qui concerne la personnalisation de l'écran

74
00:06:42,720 --> 00:06:48,470
de démarrage, vous trouverez ci-joint une documentation sur la façon de procéder sur Android pour

75
00:06:48,470 --> 00:06:53,630
configurer votre propre écran de démarrage. Bien sûr, chaque fois que vous modifiez

76
00:06:53,640 --> 00:07:00,150
vos icônes et / ou votre écran de démarrage, vous devrez réexécuter cette version avec cette commande gradle w, puis redéployer

77
00:07:00,180 --> 00:07:05,400
également votre nouvel ensemble d'applications sur le Google Play Store avec la console Google Play et avec

78
00:07:05,400 --> 00:07:12,030
cela, c'est comment créer et déployer des applications React Native uniquement. Bien sûr, un peu plus de travail manuel, un peu plus lourd que dans

79
00:07:12,030 --> 00:07:17,970
le flux de travail géré par expo, mais maintenant vous connaissez les deux options et vous pouvez opter pour l'approche dont vous avez besoin

80
00:07:17,970 --> 00:07:18,870
pour votre application.