1 00:00:01,160 --> 00:00:03,510 ‫Instructeur : Refactorisons maintenant complètement notre application 2 00:00:03,510 --> 00:00:05,710 ‫que nous avons jusqu'à présent et créons 3 00:00:05,710 --> 00:00:07,520 ‫beaucoup de nouveaux fichiers et 4 00:00:07,520 --> 00:00:09,623 ‫une toute nouvelle structure de fichiers. 5 00:00:11,130 --> 00:00:13,063 ‫Alors rappelez-vous de la dernière vidéo 6 00:00:13,063 --> 00:00:15,470 ‫que nous voulions séparer nos routeurs en 7 00:00:15,470 --> 00:00:16,570 ‫différents fichiers. 8 00:00:16,570 --> 00:00:19,520 ‫Et donc ça va être la première étape que nous allons faire ici. 9 00:00:20,550 --> 00:00:23,843 ‫Je vais donc créer un nouveau dossier appelé 10 00:00:26,630 --> 00:00:30,960 ‫Routes maintenant, puis j'y aurai un dossier pour les itinéraires de visite. js, puis les routes utilisateur. js aussi. 11 00:00:34,117 --> 00:00:37,203 ‫D'accord, et ce sera donc la première fois que nous 12 00:00:39,777 --> 00:00:41,800 ‫allons vraiment travailler avec différents 13 00:00:41,800 --> 00:00:44,520 ‫modules, d'accord, et les utiliser de manière très significative. 14 00:00:44,520 --> 00:00:48,070 ‫Commençons donc par le routeur de tournée. 15 00:00:48,070 --> 00:00:51,783 ‫Copiez-le ici, puis prenez ce routeur de 16 00:00:53,290 --> 00:00:56,693 ‫tournée ici et placez-le ici. 17 00:01:00,300 --> 00:01:05,293 ‫Et donc, ensuite, nous avons besoin d'Express ici, car nous utilisons 18 00:01:07,500 --> 00:01:08,593 ‫cette variable, 19 00:01:10,190 --> 00:01:13,640 ‫et nous devons donc importer le module Express. 20 00:01:13,640 --> 00:01:15,380 ‫Alors 21 00:01:15,380 --> 00:01:18,893 ‫exprimez, exigez express. 22 00:01:22,190 --> 00:01:23,303 ‫D'accord, c'est une sorte 23 00:01:26,780 --> 00:01:29,010 ‫de convention d'appeler simplement ce routeur, et non tourRouter. 24 00:01:29,010 --> 00:01:33,550 ‫Alors routeur, et maintenant nous allons exporter le routeur, puis l'importer dans notre application 25 00:01:33,550 --> 00:01:34,940 ‫principale, d'accord ? 26 00:01:36,110 --> 00:01:39,880 ‫Alors, rappelez-vous comment nous procédons lorsque nous n'avons 27 00:01:39,880 --> 00:01:43,423 ‫qu'une seule chose à exporter ? 28 00:01:45,110 --> 00:01:47,170 ‫Eh bien, nous utilisons module. exportations, puis 29 00:01:47,170 --> 00:01:49,860 ‫placez le routeur là-bas. 30 00:01:49,860 --> 00:01:52,870 ‫Sauvegardez-le, et bien sûr, 31 00:01:52,870 --> 00:01:56,053 ‫nous obtenons toujours des erreurs, mais c'est parce que le 32 00:01:57,430 --> 00:02:00,810 ‫routeur de tournée n'est pas défini dans notre fichier d'application principal. 33 00:02:00,810 --> 00:02:02,210 ‫D'accord, ce qui n'est 34 00:02:02,210 --> 00:02:05,313 ‫pas défini dans ce fichier, ce sont toutes ces fonctions ici. 35 00:02:06,290 --> 00:02:09,510 ‫D'accord, récupérons-les très rapidement et mettons-les dans 36 00:02:09,510 --> 00:02:12,060 ‫le fichier du routeur. 37 00:02:12,060 --> 00:02:14,830 ‫Au moins pour l'instant, nous créerons plus tard 38 00:02:14,830 --> 00:02:17,100 ‫un nouveau fichier pour cela également. 39 00:02:17,100 --> 00:02:19,700 ‫Alors ça commence ici. 40 00:02:19,700 --> 00:02:22,270 ‫Attention, ne pas tout copier. 41 00:02:22,270 --> 00:02:24,123 ‫Ouais, donc juste comme ça. 42 00:02:26,010 --> 00:02:27,803 ‫Et en fait, je vais les mettre avant les routes. 43 00:02:31,500 --> 00:02:33,633 ‫Donnez-lui une sauvegarde. 44 00:02:36,250 --> 00:02:39,213 ‫Et donc cela devrait fonctionner maintenant. 45 00:02:41,820 --> 00:02:42,703 ‫Et maintenant, faites de même pour l'utilisateur. 46 00:02:43,930 --> 00:02:45,330 ‫Alors procurez-vous le routeur. 47 00:02:46,910 --> 00:02:49,453 ‫Et ne vous inquiétez pas de toutes ces erreurs que nous obtenons. 48 00:02:53,390 --> 00:02:55,033 ‫Encore une fois, c'est simplement 49 00:02:56,860 --> 00:02:59,560 ‫parce qu'il nous manque des variables à certains endroits. 50 00:02:59,560 --> 00:03:01,770 ‫Donc, encore une fois, nous exprimerions ici, 51 00:03:01,770 --> 00:03:03,270 ‫puis nous l'appelons ici 52 00:03:04,640 --> 00:03:06,363 ‫simplement routeur, puis nous l'exportons. 53 00:03:12,250 --> 00:03:14,253 ‫D'accord, et maintenant je reçois aussi les gestionnaires. 54 00:03:16,720 --> 00:03:17,820 ‫D'accord, nous pouvons donc nous débarrasser de ces gestionnaires de routes maintenant. 55 00:03:27,150 --> 00:03:30,673 ‫D'accord, et en fait celui-ci est manquant dans nos 56 00:03:39,620 --> 00:03:43,710 ‫itinéraires de tournée, donc ce morceau de code où nous 57 00:03:43,710 --> 00:03:46,340 ‫lisons réellement les visites à partir 58 00:03:46,340 --> 00:03:47,940 ‫du fichier JSON. 59 00:03:47,940 --> 00:03:51,240 ‫Alors mettez cela tout en haut ici. 60 00:03:51,240 --> 00:03:53,063 ‫Et maintenant, enfin, nous devons en fait importer 61 00:03:56,479 --> 00:03:58,179 ‫le routeur de tournée et le 62 00:03:59,410 --> 00:04:01,610 ‫routeur utilisateur afin que ces routes ici continuent de fonctionner. 63 00:04:01,610 --> 00:04:04,290 ‫D'accord, mais cela devrait être assez facile, alors faisons-le. 64 00:04:04,290 --> 00:04:06,833 ‫Donc, avec le 65 00:04:07,830 --> 00:04:11,593 ‫routeur de tournée, il faut, 66 00:04:16,298 --> 00:04:17,498 ‫routes/tourRoutes. 67 00:04:19,200 --> 00:04:20,683 ‫D'accord, et nous n'avons pas besoin 68 00:04:23,260 --> 00:04:24,953 ‫du JS, et de même pour le userRouter. 69 00:04:27,890 --> 00:04:31,510 ‫Donc tourRoutes est en fait ici, le userRoutes. 70 00:04:31,510 --> 00:04:34,280 ‫Maintenant, vous vous demandez peut-être pourquoi j'ai appelé 71 00:04:37,341 --> 00:04:41,258 ‫les variables userRoute, mais alors le fichier est userRoutes, et bien c'est 72 00:04:43,140 --> 00:04:45,260 ‫parce que ce dossier ici s'appelle 73 00:04:45,260 --> 00:04:47,410 ‫routes, et donc là-dedans nous avons 74 00:04:47,410 --> 00:04:49,380 ‫les tourRoutes et les userRoutes. 75 00:04:49,380 --> 00:04:52,400 ‫D'accord, mais ce que nous exportons réellement à 76 00:04:52,400 --> 00:04:55,780 ‫partir de ce fichier est simplement le routeur, d'accord ? 77 00:04:55,780 --> 00:04:58,650 ‫Mais je pense qu'il est plus logique 78 00:04:58,650 --> 00:05:01,130 ‫d'appeler ce dossier ici Routes. 79 00:05:01,130 --> 00:05:02,680 ‫D'accord, et c'est pourquoi 80 00:05:02,680 --> 00:05:05,890 ‫nous avons cette petite différence entre les routes et le routeur. 81 00:05:05,890 --> 00:05:08,010 ‫Maintenant, nous obtenons toujours une erreur ici, et 82 00:05:08,010 --> 00:05:10,410 ‫donc fs n'est pas défini, alors prenons cela, et 83 00:05:10,410 --> 00:05:12,490 ‫en fait nous n'en avons pas 84 00:05:12,490 --> 00:05:15,200 ‫besoin ici, alors mettons-le dans les itinéraires de visite ici. 85 00:05:15,200 --> 00:05:18,150 ‫Nous obtenons une autre erreur. 86 00:05:18,150 --> 00:05:23,023 ‫Et cette fois, parce que ce dossier ici n'est plus défini, car notre nom de 87 00:05:24,730 --> 00:05:26,450 ‫répertoire est maintenant les routes. 88 00:05:26,450 --> 00:05:30,440 ‫Il faut donc s'en sortir. 89 00:05:30,440 --> 00:05:34,120 ‫Alors montez d'un dossier, puis dedans, allez dans 90 00:05:34,120 --> 00:05:36,430 ‫dev-data, data et tour-simple. 91 00:05:36,430 --> 00:05:39,090 ‫Maintenant, ne vous inquiétez pas d'obtenir toutes ces erreurs. 92 00:05:39,090 --> 00:05:42,130 ‫C'est un peu normal quand nous faisons toute cette 93 00:05:42,130 --> 00:05:44,320 ‫refactorisation parce que nous modifions des 94 00:05:44,320 --> 00:05:47,850 ‫choses partout, il est donc normal que les choses se cassent. 95 00:05:47,850 --> 00:05:49,890 ‫Quoi qu'il en soit, c'est maintenant 96 00:05:49,890 --> 00:05:52,163 ‫de retour au travail, et nous sommes donc 97 00:05:53,270 --> 00:05:56,010 ‫maintenant à l'endroit où nous pouvons retester nos itinéraires ici. 98 00:05:56,010 --> 00:05:58,820 ‫Et effectivement, ça marche. 99 00:05:58,820 --> 00:06:00,763 ‫La même chose pour les utilisateurs, supposons. 100 00:06:02,150 --> 00:06:04,490 ‫Et donc tout est correct. 101 00:06:04,490 --> 00:06:06,910 ‫Nous avons donc maintenant nos 102 00:06:06,910 --> 00:06:10,000 ‫routeurs chacun dans un fichier différent, et nous 103 00:06:10,000 --> 00:06:13,760 ‫pouvons dire que chacun d'eux est une petite sous-application. 104 00:06:13,760 --> 00:06:15,540 ‫Donc une application tournée et une application utilisateur. 105 00:06:15,540 --> 00:06:17,970 ‫Et nous avons ensuite tout rassemblé 106 00:06:17,970 --> 00:06:21,120 ‫dans notre fichier d'application global en important ces 107 00:06:21,120 --> 00:06:24,290 ‫routeurs, puis en montant les routeurs sur les deux 108 00:06:24,290 --> 00:06:26,200 ‫routes différentes que nous avons 109 00:06:26,200 --> 00:06:28,050 ‫actuellement implémentées, d'accord ? 110 00:06:28,050 --> 00:06:29,720 ‫Encore une fois, c'est ici que nous montons nos routeurs. 111 00:06:29,720 --> 00:06:32,550 ‫Et je sais que ce concept peut 112 00:06:32,550 --> 00:06:36,020 ‫être un peu difficile à saisir, mais ne vous inquiétez 113 00:06:36,020 --> 00:06:37,360 ‫pas pour ça. 114 00:06:37,360 --> 00:06:39,710 ‫Plus vous continuez à travailler sur ce projet 115 00:06:39,710 --> 00:06:40,910 ‫et plus vous 116 00:06:40,910 --> 00:06:43,230 ‫écrivez de code, plus tout deviendra automatiquement clair. 117 00:06:43,230 --> 00:06:45,000 ‫Pour l'instant, la chose la 118 00:06:45,000 --> 00:06:48,260 ‫plus importante à garder à l'esprit est que nous avons créé 119 00:06:48,260 --> 00:06:50,640 ‫ces différents routeurs pour chacune des ressources afin d'avoir 120 00:06:50,640 --> 00:06:53,020 ‫une belle séparation des préoccupations entre ces ressources. 121 00:06:53,020 --> 00:06:55,390 ‫Donc, en gros, créer une 122 00:06:55,390 --> 00:06:58,910 ‫petite application pour chacun d'eux, puis tout rassembler 123 00:06:58,910 --> 00:07:02,750 ‫dans un fichier d'application principal, qui est bien sûr celui-ci. 124 00:07:02,750 --> 00:07:06,720 ‫Donc cette application. js que nous avons ici est généralement principalement utilisé pour 125 00:07:06,720 --> 00:07:08,640 ‫les déclarations de middleware. 126 00:07:08,640 --> 00:07:11,060 ‫Nous avons donc 127 00:07:11,060 --> 00:07:14,490 ‫tous nos middleware que nous voulons appliquer à toutes les routes. 128 00:07:14,490 --> 00:07:15,900 ‫Donc, dans ce cas, nous avons ces quatre middlewares ici. 129 00:07:15,900 --> 00:07:18,630 ‫Donc un, deux, trois, quatre. 130 00:07:18,630 --> 00:07:21,610 ‫Ces middlewares, nous voulons l'appliquer à 131 00:07:21,610 --> 00:07:23,240 ‫toutes les 132 00:07:23,240 --> 00:07:27,240 ‫routes, puis pour cette route, nous voulons appliquer le 133 00:07:27,240 --> 00:07:29,050 ‫middleware tourRouter, et pour 134 00:07:29,050 --> 00:07:32,576 ‫cette route, nous voulons appliquer le middleware userRouter. 135 00:07:32,576 --> 00:07:34,160 ‫Bon, encore une fois, ces deux routeurs 136 00:07:34,160 --> 00:07:36,430 ‫sont en fait un middleware, c'est pourquoi nous pouvons utiliser app. utiliser pour les monter. 137 00:07:36,430 --> 00:07:40,440 ‫D'accord, et cela étant dit, allons un peu plus 138 00:07:40,440 --> 00:07:45,010 ‫loin et supprimons réellement ces 139 00:07:45,010 --> 00:07:46,740 ‫gestionnaires de routes 140 00:07:46,740 --> 00:07:48,820 ‫du fichier de routes. 141 00:07:48,820 --> 00:07:52,100 ‫D'accord, créons à nouveau un nouveau dossier ici, et celui-ci 142 00:07:52,100 --> 00:07:53,890 ‫s'appellera contrôleurs, d'accord ? 143 00:07:53,890 --> 00:07:57,870 ‫Je les ai donc appelés gestionnaires de routes, et il 144 00:07:57,870 --> 00:08:01,500 ‫serait donc logique de créer un dossier de gestionnaires. 145 00:08:01,500 --> 00:08:03,810 ‫Mais plus tard dans ce cours, nous 146 00:08:03,810 --> 00:08:07,270 ‫commencerons à utiliser une architecture logicielle appelée Model View Controller, 147 00:08:07,270 --> 00:08:08,350 ‫et dans 148 00:08:08,350 --> 00:08:10,610 ‫cette architecture, ces fonctions de gestion sont 149 00:08:10,610 --> 00:08:12,820 ‫en fait appelées ici des contrôleurs. 150 00:08:12,820 --> 00:08:15,720 ‫Et c'est pourquoi je vais appeler le dossier, ainsi que 151 00:08:15,720 --> 00:08:17,750 ‫les fichiers qu'il contient, des contrôleurs. 152 00:08:17,750 --> 00:08:20,860 ‫Créons donc maintenant le tourController. js, et le 153 00:08:20,860 --> 00:08:23,433 ‫userController. js. 154 00:08:24,510 --> 00:08:28,893 ‫D'accord, et cela aura un peu plus de sens 155 00:08:31,800 --> 00:08:33,743 ‫une fois que 156 00:08:36,610 --> 00:08:39,130 ‫nous aurons atteint la partie du cours où nous parlons réellement 157 00:08:39,130 --> 00:08:41,590 ‫du modèle MVC, ou modèle de contrôleur de vue modèle. 158 00:08:41,590 --> 00:08:44,160 ‫Très bien, prenons maintenant ce code 159 00:08:44,160 --> 00:08:45,913 ‫et mettons ces gestionnaires 160 00:08:46,930 --> 00:08:50,563 ‫dans le dossier du contrôleur, ou le fichier en fait. 161 00:08:53,070 --> 00:08:56,820 ‫Donc tout ce code. 162 00:08:56,820 --> 00:08:57,983 ‫C'est le tourController, ouais, c'est celui-là. 163 00:08:59,050 --> 00:09:00,543 ‫De plus, nous avons 164 00:09:02,660 --> 00:09:05,660 ‫besoin de ce module FS ici, évidemment en haut. 165 00:09:05,660 --> 00:09:09,600 ‫Et c'est reparti. 166 00:09:09,600 --> 00:09:10,913 ‫Maintenant, nous voulons réellement exporter toutes ces fonctions à partir de 167 00:09:12,624 --> 00:09:13,457 ‫ce module, alors comment faire ? 168 00:09:13,457 --> 00:09:16,730 ‫Eh bien, dans ce cas, nous n'avons pas qu'une seule exportation, 169 00:09:16,730 --> 00:09:19,340 ‫nous n'allons donc pas utiliser le module. export, mais à la place, 170 00:09:19,340 --> 00:09:22,680 ‫nous mettrons toutes ces fonctions sur l'objet exports, 171 00:09:22,680 --> 00:09:24,970 ‫d'accord ? 172 00:09:24,970 --> 00:09:27,740 ‫Et laissez-moi donc sélectionner tous 173 00:09:27,740 --> 00:09:31,070 ‫ces éléments, consts, afin que je puisse 174 00:09:31,070 --> 00:09:34,453 ‫réellement les remplacer tous en même temps. 175 00:09:36,897 --> 00:09:40,340 ‫Donc les exportations. deleteTour, et . updateTour, createTour, getTour et 176 00:09:40,340 --> 00:09:42,040 ‫getAllTours. 177 00:09:46,360 --> 00:09:51,360 ‫D'accord, donc ça exporte tout de ce fichier. 178 00:09:51,360 --> 00:09:53,173 ‫Et maintenant, 179 00:09:54,840 --> 00:09:59,480 ‫entrons dans les routesRoutes, et importons-les simplement. 180 00:09:59,480 --> 00:10:02,470 ‫Donc const, tourController, est égal à exiger. 181 00:10:02,470 --> 00:10:03,960 ‫D'accord, maintenant nous sommes dans le dossier routes ici, n'est-ce pas ? 182 00:10:03,960 --> 00:10:08,960 ‫Nous devons donc monter d'un niveau, puis 183 00:10:13,770 --> 00:10:18,360 ‫aller dans les contrôleurs et dans 184 00:10:18,360 --> 00:10:20,273 ‫le tourController. js. 185 00:10:21,580 --> 00:10:23,853 ‫Bon, ce n'est pas correct, et bien. 186 00:10:25,140 --> 00:10:28,333 ‫Maintenant, rappelez-vous que lorsque 187 00:10:30,290 --> 00:10:35,290 ‫nous exportons des données à partir d'un fichier à l'aide de l'objet exports. 188 00:10:35,290 --> 00:10:38,310 ‫Alors comme nous l'avons fait ici. 189 00:10:38,310 --> 00:10:40,810 ‫Lorsque nous importons ensuite tout dans un 190 00:10:40,810 --> 00:10:42,840 ‫seul objet, toutes les données 191 00:10:42,840 --> 00:10:45,410 ‫qui étaient exportées vont maintenant être sur tourController. 192 00:10:45,410 --> 00:10:48,170 ‫Et donc nous aurons tourController. getAllTours. créer des circuits. getTour, et vraiment, tout 193 00:10:48,170 --> 00:10:50,310 ‫ça, d'accord ? 194 00:10:50,310 --> 00:10:54,289 ‫Donc cet objet ici sera l'équivalent des exportations 195 00:10:54,289 --> 00:10:56,830 ‫que nous avons ici. 196 00:10:56,830 --> 00:10:59,520 ‫Vous vous en souvenez ? 197 00:10:59,520 --> 00:11:02,440 ‫Et donc, c'est vraiment simple. 198 00:11:02,440 --> 00:11:05,500 ‫Il ne me reste plus qu'à 199 00:11:05,500 --> 00:11:06,760 ‫créer tourController. , et c'est tout. 200 00:11:06,760 --> 00:11:08,420 ‫Maintenant, j'aurais aussi pu utiliser 201 00:11:08,420 --> 00:11:10,860 ‫la structuration, que je vous ai également montrée auparavant. 202 00:11:12,266 --> 00:11:17,266 ‫Donc juste pour démontrer, j'aurais pu l'utiliser 203 00:11:17,290 --> 00:11:19,810 ‫comme ça, puis spécifier exactement les mêmes noms 204 00:11:19,810 --> 00:11:21,483 ‫que nous avons ici. 205 00:11:22,930 --> 00:11:24,830 ‫Alors getAllTours, puis createTour, et 206 00:11:24,830 --> 00:11:26,680 ‫tout cela, et j'aurais 207 00:11:26,680 --> 00:11:31,220 ‫pu les utiliser directement ici sans avoir à écrire tourController et dot. 208 00:11:31,220 --> 00:11:36,220 ‫D'accord, mais en fait j'aime ça comme ça, et je ne vois aucun problème 209 00:11:36,800 --> 00:11:38,570 ‫à l'avoir comme ça. 210 00:11:38,570 --> 00:11:42,160 ‫Il est donc bien visible que toutes 211 00:11:42,160 --> 00:11:44,370 ‫ces fonctions ici proviennent 212 00:11:44,370 --> 00:11:47,560 ‫en fait de ce module tourController. 213 00:11:47,560 --> 00:11:49,410 ‫D'accord, donc je l'ai sauvegardé maintenant, et il 214 00:11:49,410 --> 00:11:52,340 ‫devrait donc continuer à fonctionner, alors testons cela, et oui, c'est le cas. 215 00:11:52,340 --> 00:11:54,193 ‫Donc, ça marche maintenant. 216 00:11:55,620 --> 00:12:00,620 ‫Fermons-le en fait, et maintenant pareil, où est-il ? 217 00:12:00,940 --> 00:12:03,493 ‫Ah, ici. 218 00:12:06,486 --> 00:12:08,410 ‫Maintenant la même chose bien sûr avec ces fonctions. 219 00:12:08,410 --> 00:12:14,683 ‫Mettez-les ici, puis exportez tous ces gars. 220 00:12:15,960 --> 00:12:18,243 ‫Donc les exportations. 221 00:12:19,730 --> 00:12:20,713 ‫Ouais, donc c'est correct. 222 00:12:23,960 --> 00:12:26,423 ‫Maintenant, ici, nous venons d'importer le module, et comme avant, nous 223 00:12:30,490 --> 00:12:31,463 ‫devons monter d'un niveau. 224 00:12:33,540 --> 00:12:36,070 ‫Nous entrons dans les contrôleurs et userController. 225 00:12:36,070 --> 00:12:39,103 ‫Maintenant, enfin, ajoutez simplement cela ici. 226 00:12:46,180 --> 00:12:49,163 ‫Faites une sauvegarde et testez-la également pour ce type. 227 00:12:50,290 --> 00:12:54,763 ‫Et effectivement, ça marche. 228 00:12:55,610 --> 00:12:57,963 ‫Donc tout ce que nous avons fait ici était correct. 229 00:13:00,920 --> 00:13:05,760 ‫Nous commençons donc à avoir un tas de fichiers maintenant, et il 230 00:13:05,760 --> 00:13:07,860 ‫est donc important de 231 00:13:07,860 --> 00:13:11,020 ‫vraiment se familiariser avec l'emplacement exact de toutes 232 00:13:11,020 --> 00:13:13,810 ‫les différentes parties de l'application, d'accord ? 233 00:13:13,810 --> 00:13:16,230 ‫Donc juste pour récapituler, le flux se déroule comme ceci. 234 00:13:16,230 --> 00:13:18,060 ‫Nous commençons à recevoir la demande dans l'application. js, n'est-ce pas ? 235 00:13:18,060 --> 00:13:21,900 ‫En fonction de la route, il entrera ensuite dans l'un des 236 00:13:21,900 --> 00:13:25,110 ‫routeurs, disons le routeur de tournée, puis en fonction, 237 00:13:25,110 --> 00:13:29,840 ‫encore une fois, de cette route 238 00:13:29,840 --> 00:13:31,540 ‫et de la demande, 239 00:13:31,540 --> 00:13:34,870 ‫il exécutera alors l'un de ces contrôleurs ici, et 240 00:13:34,870 --> 00:13:37,470 ‫ceux-ci sont donc dans les fichiers tourController. 241 00:13:37,470 --> 00:13:40,620 ‫Et c'est là que la réponse est finalement envoyée et 242 00:13:40,620 --> 00:13:42,750 ‫que le cycle demande-réponse est terminé. 243 00:13:42,750 --> 00:13:46,280 ‫Bon, nous avons maintenant trois fichiers, au lieu de 244 00:13:46,280 --> 00:13:49,340 ‫tout avoir dans un seul fichier. 245 00:13:49,340 --> 00:13:52,113 ‫D'accord, mais ce n'est toujours pas la fin de l'histoire, 246 00:13:53,000 --> 00:13:55,120 ‫car j'ajoute une étape de plus ici. 247 00:13:55,120 --> 00:13:57,950 ‫Donc, ce que je vais faire, c'est créer un serveur. js également. 248 00:13:57,950 --> 00:14:01,090 ‫Donc serveur. js. 249 00:14:01,090 --> 00:14:03,070 ‫Et pourquoi je fais ça ? 250 00:14:03,070 --> 00:14:07,403 ‫Eh bien, tout simplement parce que c'est une bonne 251 00:14:09,840 --> 00:14:11,850 ‫pratique d'avoir tout ce 252 00:14:11,850 --> 00:14:14,090 ‫qui est lié à exprimer dans un fichier, puis tout 253 00:14:14,090 --> 00:14:16,620 ‫ce qui est lié au serveur dans un autre fichier principal. 254 00:14:16,620 --> 00:14:21,000 ‫Donc à partir de maintenant, serveur. js sera en fait notre fichier de départ où tout 255 00:14:21,000 --> 00:14:23,960 ‫commence, et il est là lorsque nous 256 00:14:23,960 --> 00:14:25,910 ‫écoutons notre serveur. 257 00:14:25,910 --> 00:14:29,800 ‫Alors allons-y et copiez ou coupez 258 00:14:29,800 --> 00:14:32,460 ‫cette partie à partir d'ici, et déplacez-la dans le serveur. 259 00:14:32,460 --> 00:14:35,163 ‫Maintenant, bien sûr, ce module 260 00:14:36,250 --> 00:14:40,360 ‫ici ne connaît pas l'application, et nous devons donc l'importer. 261 00:14:40,360 --> 00:14:43,533 ‫Et pour l'importer, nous devons d'abord l'exporter. 262 00:14:44,400 --> 00:14:47,970 ‫Nous utilisons donc module. exportations, et nous exportons notre application à partir 263 00:14:47,970 --> 00:14:49,480 ‫de ce fichier. 264 00:14:49,480 --> 00:14:52,223 ‫D'accord, et maintenant nous avons tout 265 00:14:53,290 --> 00:14:56,800 ‫ce qui est 266 00:14:56,800 --> 00:15:00,530 ‫essentiellement la configuration de l'application dans un fichier autonome. 267 00:15:00,530 --> 00:15:02,700 ‫D'accord, alors de retour dans le serveur, importons maintenant cela. 268 00:15:02,700 --> 00:15:05,540 ‫Exiger, et puisqu'il s'agit de notre propre module, nous 269 00:15:05,540 --> 00:15:07,193 ‫devons utiliser this . / pour 270 00:15:08,080 --> 00:15:12,603 ‫dire qu'on est dans le dossier 271 00:15:16,210 --> 00:15:20,600 ‫courant, et voilà c'est simplement app. 272 00:15:20,600 --> 00:15:23,590 ‫Alors, aussi simple que ça. 273 00:15:23,590 --> 00:15:25,323 ‫Et plus tard, nous aurons en fait d'autres 274 00:15:26,210 --> 00:15:28,310 ‫éléments dans ce fichier qui ne sont pas liés à 275 00:15:28,310 --> 00:15:29,870 ‫express, mais toujours liés à notre application. 276 00:15:29,870 --> 00:15:31,900 ‫Donc, des trucs comme des configurations de 277 00:15:31,900 --> 00:15:34,780 ‫base de données, ou des trucs de gestion d'erreurs, ou des 278 00:15:34,780 --> 00:15:37,130 ‫variables d'environnement, tous ces trucs vivront sur ce serveur. js, qui est en quelque 279 00:15:37,130 --> 00:15:39,590 ‫sorte notre point d'entrée, d'accord ? 280 00:15:39,590 --> 00:15:43,350 ‫Finissons donc maintenant le processus que nous avons ici, car maintenant nous 281 00:15:43,350 --> 00:15:46,490 ‫n'exécutons plus l'application nodemon. js, mais 282 00:15:46,490 --> 00:15:49,670 ‫à la place, nous devons exécuter server. js. 283 00:15:49,670 --> 00:15:52,730 ‫D'accord, et en fait, puisque nous le faisons, permettez-moi de 284 00:15:52,730 --> 00:15:56,840 ‫créer un script npm pour cela. 285 00:15:56,840 --> 00:16:00,670 ‫Fermer ce gars très vite. 286 00:16:00,670 --> 00:16:02,820 ‫Et permettez-moi d'ajouter 287 00:16:02,820 --> 00:16:05,623 ‫ici, npm start, serveur nodemon. js. 288 00:16:07,200 --> 00:16:09,240 ‫Parce que de cette façon, je n'ai 289 00:16:09,240 --> 00:16:12,593 ‫plus besoin de vraiment savoir quel est le fichier que je veux réellement exécuter. 290 00:16:15,300 --> 00:16:19,090 ‫Donc tout ce que j'ai à écrire 291 00:16:19,090 --> 00:16:22,420 ‫c'est npm start, et il ne fait aucun doute que ça va marcher. 292 00:16:22,420 --> 00:16:24,920 ‫Sinon, je devrais peut-être 293 00:16:24,920 --> 00:16:28,010 ‫penser, hm, est-ce une application. js, ou serveur. js, ou quoi ? 294 00:16:28,010 --> 00:16:30,430 ‫Par quoi devons-nous commencer ici ? 295 00:16:30,430 --> 00:16:32,120 ‫Mais comme ça, je n'ai pas à réfléchir, tout ce que j'ai à 296 00:16:32,120 --> 00:16:35,780 ‫faire c'est npm start, et ça va commencer. 297 00:16:35,780 --> 00:16:37,360 ‫D'accord, alors juste comme ça, 298 00:16:37,360 --> 00:16:39,350 ‫et nous revoilà en train d'exécuter notre application. 299 00:16:39,350 --> 00:16:44,350 ‫Fermez ce type, et en passant, cela fonctionne, même sans 300 00:16:45,340 --> 00:16:48,200 ‫que nodemon soit installé en tant 301 00:16:48,200 --> 00:16:50,450 ‫que dépendance de développement, 302 00:16:51,810 --> 00:16:54,590 ‫car j'ai installé nodemon globalement. 303 00:16:54,590 --> 00:16:57,400 ‫Nous l'avons donc fait dans la première section, et j'espère que 304 00:16:57,400 --> 00:16:58,860 ‫vous l'avez fait là aussi. 305 00:16:58,860 --> 00:17:01,410 ‫Sinon, allez-y et dans un autre 306 00:17:01,410 --> 00:17:03,200 ‫onglet, faites npm 307 00:17:03,200 --> 00:17:05,640 ‫install nodemon, donc si pour 308 00:17:05,640 --> 00:17:09,390 ‫une raison quelconque vous avez ignoré cette section, 309 00:17:09,390 --> 00:17:14,140 ‫vous tapez npm install nodemon, puis vous pouvez soit l'installer globalement 310 00:17:14,140 --> 00:17:17,120 ‫comme ça, soit l'installer en tant que 311 00:17:17,120 --> 00:17:19,610 ‫développeur dépendance, comme ça, d'accord? 312 00:17:19,610 --> 00:17:23,590 ‫Assurez-vous donc simplement que nodemon est installé, que ce soit globalement 313 00:17:23,590 --> 00:17:26,083 ‫ou en tant que dépendance de développement, 314 00:17:27,810 --> 00:17:29,680 ‫d'accord, afin que cela fonctionne. 315 00:17:29,680 --> 00:17:31,900 ‫Donc vérification finale, juste pour 316 00:17:31,900 --> 00:17:35,293 ‫être sûr, et vouloir celui-ci, et oui, en effet. 317 00:17:36,700 --> 00:17:38,963 ‫Nous avons correctement refactorisé notre application. 318 00:17:40,370 --> 00:17:43,053 ‫Il y avait donc beaucoup de 319 00:17:44,250 --> 00:17:48,350 ‫changements dans une seule vidéo, donc après avoir terminé celle-ci, 320 00:17:48,350 --> 00:17:51,330 ‫veuillez analyser tout ce que nous avons 321 00:17:51,330 --> 00:17:55,440 ‫fait et vraiment essayer de tracer un chemin qu'une demande 322 00:17:55,440 --> 00:17:57,470 ‫fera à l'intérieur 323 00:17:57,470 --> 00:18:00,830 ‫de notre application du début à la fin. 324 00:18:00,830 --> 00:18:03,420 ‫De cette façon, vous aurez vraiment 325 00:18:03,420 --> 00:18:06,510 ‫une idée de la façon dont tout fonctionne ici. 326 00:18:06,510 --> 00:18:07,880 ‫Et je vous verrai après l'avoir fait dans la prochaine vidéo.