1 00:00:02,450 --> 00:00:09,560 Nous avons donc vu comment créer et déployer une application avec expo dans le flux de travail géré, ce qui était assez pratique. 2 00:00:09,560 --> 00:00:15,770 Supposons maintenant que nous ayons par exemple une application construite avec la CLI React Native. Ici, je n'utilise aucun module natif mais si 3 00:00:15,770 --> 00:00:21,650 je l'étais, j'aurais bien sûr mis à jour mes fichiers de configuration Android et iOS pour demander les 4 00:00:21,650 --> 00:00:27,410 bonnes autorisations, etc. et j'ai montré tout cela dans le module non-expo plus tôt dans le cours 5 00:00:27,410 --> 00:00:27,830 . 6 00:00:28,130 --> 00:00:32,870 Alors maintenant, disons que nous sommes satisfaits de l'application et que nous voulons la publier sur l'App Store d'Apple 7 00:00:32,870 --> 00:00:34,190 et le Google Play Store. 8 00:00:34,190 --> 00:00:38,900 Maintenant, les documents officiels React Native sont un excellent endroit pour commencer, là, dans la documentation sous les 9 00:00:38,930 --> 00:00:44,660 guides, vous trouverez également ce guide de fonctionnement sur l'appareil où vous pouvez apprendre comment vous créez votre application pour iOS ou Android 10 00:00:45,050 --> 00:00:50,000 sur les différents systèmes d'exploitation que vous pourrait travailler. Important, vous ne pouvez construire que pour iOS sur 11 00:00:50,000 --> 00:00:55,190 macOS maintenant, Linux et Windows ne fonctionnent pas car maintenant nous ne construisons pas l'application dans le cloud 12 00:00:55,190 --> 00:01:01,250 comme nous l'avons fait avec expo mais localement sur notre machine et là, Apple a cette restriction que vous peut uniquement créer 13 00:01:01,460 --> 00:01:03,730 des applications iOS sur un Mac, c'est ce 14 00:01:03,740 --> 00:01:04,580 que c'est. 15 00:01:05,510 --> 00:01:12,820 Alors maintenant, ce dont vous avez besoin maintenant, c'est d'un compte de développeur Apple, en ce moment pas nécessairement payant, il suffit de créer l'application 16 00:01:12,820 --> 00:01:13,480 mais 17 00:01:13,480 --> 00:01:17,590 si vous voulez le construire, pour les app stores vous avez besoin d'un compte payant 18 00:01:17,590 --> 00:01:20,950 comme mentionné précédemment dans ce module. Vous devez donc configurer 19 00:01:20,950 --> 00:01:27,550 un tel compte Apple Developer puis ouvrir votre projet ici, votre projet iOS pour être précis avec Xcode. 20 00:01:28,330 --> 00:01:35,980 Là, vous pouvez cliquer sur ouvrir un autre projet, aller dans votre dossier de projet, là-bas dans le dossier iOS et 21 00:01:35,980 --> 00:01:41,560 y sélectionner ce dossier ou fichier d'espace de travail XC ici pour l'ouvrir avec Xcode. 22 00:01:41,620 --> 00:01:48,940 Cela ouvre votre projet, votre projet iOS qui inclut votre code React Native bien sûr dans Xcode. Maintenant, c'est là que vous configurez maintenant cette application, 23 00:01:48,990 --> 00:01:53,810 où vous configurez votre identifiant par exemple, c'est cette URL inverse dont 24 00:01:53,870 --> 00:02:02,910 je parlais qui pourrait être com. academind. rn-no expo test, quelque chose comme ça, où vous 25 00:02:02,910 --> 00:02:08,330 définissez un numéro de version que vos utilisateurs verront et votre numéro de build qui peut simplement 26 00:02:08,330 --> 00:02:13,280 être un numéro que vous incrémentez ici, où vous devriez choisir de gérer automatiquement la 27 00:02:13,280 --> 00:02:20,320 signature et où vous devez maintenant choisir une équipe qui devrait être montrée ici, sinon ajouter un compte et là, connectez-vous 28 00:02:20,320 --> 00:02:26,350 avec votre identifiant Apple pour ajouter votre compte de développeur Apple en tant que compte ici et par 29 00:02:26,350 --> 00:02:31,360 la suite, vous devriez pouvoir choisir votre équipe ici qui sera requise pour automatiquement la 30 00:02:31,360 --> 00:02:32,830 signature de l'application 31 00:02:32,830 --> 00:02:38,970 qui sera ensuite effectuée par Apple pour ainsi dire. Vous pouvez en général configurer votre application ici bien sûr et la préparer pour le déploiement 32 00:02:39,010 --> 00:02:44,640 et une configuration importante est bien sûr liée aux icônes que vous souhaitez utiliser. Dans expo, nous avons installé les icônes 33 00:02:44,650 --> 00:02:50,430 de manière pratique dans une configuration et expo a généré toutes les icônes pour nous. 34 00:02:50,470 --> 00:02:52,410 Maintenant, cela ne fonctionnera pas 35 00:02:52,480 --> 00:02:59,650 comme ça, maintenant vous devez configurer ces icônes vous-même et vous le faites en cliquant sur cette flèche ici qui vous 36 00:02:59,650 --> 00:03:06,570 amène au catalogue des actifs et là, vous pouvez maintenant fournir des icônes et vous devez fournir des icônes dans différentes 37 00:03:06,570 --> 00:03:09,050 tailles ici comme vous pouvez le voir. 38 00:03:09,270 --> 00:03:11,610 Maintenant, évidemment, c'était une chose pratique par expo, cela a créé 39 00:03:11,610 --> 00:03:17,690 ces icônes pour vous et vous n'avez pas eu à créer manuellement toutes ces icônes. Vous trouverez ci-joint 40 00:03:17,690 --> 00:03:22,550 une icône. fichier zip qui comprend des icônes que 41 00:03:22,550 --> 00:03:29,740 vous pouvez faire glisser et déposer ici, c'est donc ce que je vais faire maintenant et les icônes sont étiquetées de sorte qu'il 42 00:03:29,740 --> 00:03:35,560 devrait être clair ce que vous devez faire glisser où et avec cela, vous avez configuré les icônes. 43 00:03:35,750 --> 00:03:40,790 Vous pouvez également vouloir configurer l'écran de lancement, pour cela vous pouvez développer ce dossier 44 00:03:40,790 --> 00:03:48,610 et vous y trouverez ce fichier zip de l'écran de lancement. Cela vous permet finalement de personnaliser votre écran de lancement, 45 00:03:48,610 --> 00:03:55,660 vous pouvez y ajouter de nouveaux widgets, y faire glisser des images, changer le texte, vous voyez ici par 46 00:03:55,660 --> 00:04:01,920 exemple et configurer l'écran de lancement en général. Vous pouvez en savoir plus à ce sujet dans les documents Xcode 47 00:04:01,920 --> 00:04:09,700 bien sûr et une fois que vous avez configuré tout cela, vous pouvez créer votre application ici. Pour cela, vous pouvez également par exemple le tester sur un simulateur en 48 00:04:09,700 --> 00:04:14,710 choisissant d'abord une version de simulateur, puis en cliquant sur le bouton de lecture ici et cela va maintenant 49 00:04:14,710 --> 00:04:19,920 construire votre application et l'exécuter sur un simulateur et ensuite bien sûr, nous pouvons également le construire pour déploiement. 50 00:04:19,930 --> 00:04:27,840 Voyons simplement si tout cela fonctionne maintenant, il lance ce processus de regroupement que vous avez déjà vu plus tôt pour 51 00:04:27,850 --> 00:04:33,630 cette application autonome, car bien sûr, cela fait toujours partie de l'expérience de développement ici. 52 00:04:33,700 --> 00:04:42,070 C'est toujours une application React Native après tout ce que vous utilisez pour créer cette application native et maintenant cela a réussi et elle 53 00:04:42,100 --> 00:04:44,140 lance l'application sur un simulateur. 54 00:04:44,140 --> 00:04:49,270 Maintenant, je ne suis pas trop intéressé par l'application, car je n'ai qu'une application très basique 55 00:04:49,270 --> 00:04:53,370 qui ne fait rien d'extraordinaire, mais cela prouve que la construction fonctionne. 56 00:04:53,480 --> 00:04:57,970 Maintenant, dans les documents officiels, si vous faites défiler vers le bas dans cette section en cours d'exécution 57 00:04:57,970 --> 00:05:00,030 sur l'appareil, vous apprendrez également à créer votre 58 00:05:00,520 --> 00:05:05,510 application pour la production si c'est une application non expo et là, nous avons maintenant deux choses importantes à faire. 59 00:05:05,530 --> 00:05:10,900 La première chose importante est que dans notre vue de projet ici, en cliquant sur ce dossier 60 00:05:10,900 --> 00:05:20,290 puis sur cette icône ici, vous développez ce dossier puis accédez aux infos. plist et maintenant là, vous trouverez cette clé de paramètres 61 00:05:20,290 --> 00:05:22,820 de sécurité de transport d'application. 62 00:05:22,870 --> 00:05:29,470 Ce type de contrôle comment iOS contrôle à quelles pages Web ou serveurs Web votre application peut parler 63 00:05:29,470 --> 00:05:35,470 et par défaut, il autorise uniquement l'accès aux serveurs https, donc aux serveurs sécurisés SSL. 64 00:05:35,470 --> 00:05:39,270 C'est une bonne valeur par défaut, mais vous pouvez avoir des exceptions 65 00:05:39,370 --> 00:05:44,120 que vous pouvez ajouter ici et une exception dans la liste des domaines d'exception est localhost. 66 00:05:44,180 --> 00:05:49,450 Maintenant, cela est nécessaire pour le développement, car votre application React Native finit par parler à ce serveur 67 00:05:49,450 --> 00:05:51,680 de développement ici, qui s'exécute sur votre 68 00:05:51,820 --> 00:05:55,820 hôte local qui n'utilise pas SSL. Normalement, iOS bloquerait cela, maintenant pour ne 69 00:05:55,900 --> 00:06:01,000 pas le bloquer, c'est dans la liste des exceptions. Pour le construire pour la production, vous devez le supprimer, vous 70 00:06:01,060 --> 00:06:02,080 pouvez simplement effacer cette 71 00:06:02,080 --> 00:06:08,230 clé ici en la supprimant avec la clé de suppression et c'est tout. C'est une chose que vous devez configurer pour 72 00:06:08,230 --> 00:06:15,630 le déploiement, puis vous devez configurer un tel schéma de version. Pour cela, vous devez aller au schéma de 73 00:06:15,640 --> 00:06:24,700 produit, modifier le schéma et le définir à partir du débogage pour le publier ici pour l'exécution, puis le fermer. 74 00:06:25,760 --> 00:06:30,470 Avec cela, vous pouvez maintenant exécuter la génération de produit ici pour créer votre application et maintenant celle-ci 75 00:06:30,470 --> 00:06:35,090 est conçue pour la version, conçue pour la production, elle est donc optimisée et ainsi de suite. 76 00:06:35,090 --> 00:06:37,530 Donc, cela crée votre application maintenant pour la production. 77 00:06:38,720 --> 00:06:39,980 Maintenant, pendant que cette 78 00:06:39,980 --> 00:06:42,940 version s'exécute, assurons-nous que nous pouvons également la télécharger sur l'App Store 79 00:06:42,950 --> 00:06:48,590 d'Apple et pour cela, vous devez aller sur votre compte de développeur Apple et ici, vous avez maintenant définitivement besoin d'un compte payant 80 00:06:49,550 --> 00:06:55,250 et là, vous devez maintenant configurer un deux ou trois choses. Vous devez aller aux certificats, ID et profils 81 00:06:55,250 --> 00:06:58,370 ici et aller aux identifiants puis ajouter ici un nouvel 82 00:06:58,370 --> 00:07:02,140 ID d'application, juste ici, le premier paramètre, ajouter un ID d'application et 83 00:07:02,150 --> 00:07:07,690 vous devez ajouter l'ID d'application qui est configuré dans votre projet, donc l'ID d'application, l'identifiant de bundle que 84 00:07:07,700 --> 00:07:14,240 vous trouvez ici, cet identifiant exact doit être ajouté ici. Vous pouvez ajouter une description, rn-demo, tout 85 00:07:14,240 --> 00:07:22,840 ce que vous voulez, mais ici, vous devez ajouter cet ID. Maintenant, vous pouvez vérifier toutes les capacités spéciales dont votre application a besoin, ce 86 00:07:22,870 --> 00:07:26,410 qui n'est pas le cas de mon application, je n'ai donc 87 00:07:26,410 --> 00:07:31,740 pas besoin de vérifier quoi que ce soit là-bas, puis je peux continuer, confirmer cela et m'inscrire. 88 00:07:31,750 --> 00:07:32,680 Maintenant, cela 89 00:07:32,680 --> 00:07:36,010 est obligatoire, sinon vous ne pourrez pas publier votre application. 90 00:07:36,040 --> 00:07:42,510 Maintenant que cet ID est enregistré, vous devez aller sur iTunes Connect et vous pouvez simplement 91 00:07:42,510 --> 00:07:48,090 rechercher sur Google ce qui est finalement le service où vous créez cette 92 00:07:48,090 --> 00:07:57,710 page de magasin et où vous devez maintenant configurer votre application. Là, vous pouvez accéder à mes applications et ajouter une nouvelle application ici en cliquant sur la nouvelle 93 00:07:57,710 --> 00:08:06,010 application plus ici, à la façon dont vous voyez également l'application que nous avons créée avec expo, alors cliquez sur nouvelle application ici, iOS, donnez-lui un nom comme RNNoExpo qui parmi 94 00:08:06,160 --> 00:08:08,070 Bien sûr, c'est un beau nom que 95 00:08:08,140 --> 00:08:11,110 vous ne voudriez pas vraiment utiliser, mais c'est bon pour nous 96 00:08:11,260 --> 00:08:17,600 ici, puis choisissez la langue pour laquelle vous créez votre application, choisissez l'ID du bundle et là, choisissez l'ID que vous venez de 97 00:08:17,620 --> 00:08:19,210 configurer, si c'est ne se 98 00:08:19,360 --> 00:08:26,060 présente pas encore, revenez quelques minutes plus tard, il sera là alors. Vous pouvez ensuite également ajouter votre propre 99 00:08:26,060 --> 00:08:32,750 identifiant personnalisé qui apparaîtra sur vos factures essentiellement et ainsi de suite, RNNoExpo, tout ce que 100 00:08:32,750 --> 00:08:39,170 vous voulez et cliquez sur créer et cela crée maintenant l'application ici dans iTunes Connect. 101 00:08:39,260 --> 00:08:44,750 C'est également là que vous pouvez gérer l'application pour l'App Store et la configurer, configurer 102 00:08:44,750 --> 00:08:45,910 sa tarification, etc. 103 00:08:45,980 --> 00:08:52,870 Maintenant que tout cela est fait, attendons que notre build se termine ici et s'il a échoué comme pour moi, la 104 00:08:52,870 --> 00:08:59,220 raison en est que vous devez le définir sur un appareil iOS générique, alors assurez-vous d'avoir cet ensemble. 105 00:08:59,220 --> 00:09:03,810 Assurez-vous également d'ajouter sur ce test RNWithoutExpo, vous sélectionnez votre équipe de développement, c'est une autre 106 00:09:03,810 --> 00:09:05,170 erreur que j'ai ici. 107 00:09:06,150 --> 00:09:14,510 Si vous obtenez toujours une erreur comme moi, appuyez sur la commande 1 ici dans Xcode, cliquez sur les paramètres de construction ici avec 108 00:09:14,600 --> 00:09:17,020 toutes ces choses sélectionnées comme vous 109 00:09:19,930 --> 00:09:26,170 le voyez ici, dans la section de liaison que vous trouverez si vous faites défiler un peu et 110 00:09:26,180 --> 00:09:32,180 dans cette partie de suppression de code ici, sous libération, définissez cela de oui à non. 111 00:09:32,200 --> 00:09:36,280 Il s'agit d'une solution de contournement autour de cette erreur qui semble être liée aux tests automatiques qui sont configurés 112 00:09:36,280 --> 00:09:45,020 et une fois que vous avez fait cela, essayez à nouveau, exécutez la génération une fois de plus et maintenant cela devrait réussir. Une fois cette construction réussie, vous pouvez 113 00:09:45,020 --> 00:09:49,760 revenir au produit et maintenant l'option d'archivage est disponible. 114 00:09:49,850 --> 00:09:56,570 Si vous exécutez maintenant cela, cela archive votre application qui n'est rien d'autre que la construction de ce bundle qui était 115 00:09:56,570 --> 00:09:59,490 précédemment construit sur les serveurs cloud d'Expo, alors attendons 116 00:09:59,810 --> 00:10:01,340 que cela se termine. 117 00:10:02,490 --> 00:10:03,430 Une fois cela 118 00:10:03,430 --> 00:10:08,620 fait, vous devriez voir votre ou vos archives si vous êtes dans le processus plus d'une fois ici et maintenant 119 00:10:08,620 --> 00:10:13,660 ici, vous pouvez distribuer votre application sur l'App Store avec les configurations faites sur iTunes Connect et ainsi de 120 00:10:13,660 --> 00:10:15,310 suite que j'ai montrées plus tôt. 121 00:10:15,360 --> 00:10:20,890 Maintenant, je ne vais pas le faire ici, mais c'est ainsi que vous déploieriez votre application React Native uniquement sans expo gérée.