1 00:00:01,180 --> 00:00:02,070 ‫Instructeur : 2 00:00:02,070 --> 00:00:04,620 ‫Dans cette vidéo, nous allons créer la page du 3 00:00:04,620 --> 00:00:07,270 ‫compte utilisateur principalement en utilisant des concepts que nous connaissons 4 00:00:07,270 --> 00:00:08,823 ‫déjà et déjà utilisés auparavant. 5 00:00:10,560 --> 00:00:12,470 ‫Et commençons par jeter un œil 6 00:00:12,470 --> 00:00:15,340 ‫à ce que je veux dire par la page compte utilisateur 7 00:00:15,340 --> 00:00:20,230 ‫de notre site de référence donc ici sur natours. dév. 8 00:00:20,230 --> 00:00:22,920 ‫Nous avons donc déjà rendu ce menu ici 9 00:00:22,920 --> 00:00:24,210 ‫sur notre site 10 00:00:24,210 --> 00:00:27,430 ‫Web, mais lorsque nous cliquons ensuite sur cet utilisateur, nous 11 00:00:27,430 --> 00:00:30,210 ‫avons accès à la page du compte utilisateur. 12 00:00:30,210 --> 00:00:33,349 ‫Et donc ici, nous pouvons modifier certains paramètres de base, 13 00:00:33,349 --> 00:00:35,807 ‫télécharger également une nouvelle photo, mais celle-ci 14 00:00:35,807 --> 00:00:37,540 ‫nous allons le faire dans 15 00:00:37,540 --> 00:00:39,013 ‫la section suivante en 16 00:00:40,043 --> 00:00:44,690 ‫fait, et l'utilisateur peut également mettre à jour son mot de passe sur cette page. 17 00:00:44,690 --> 00:00:47,590 ‫Ensuite, sur le côté gauche, il y a quelques 18 00:00:47,590 --> 00:00:49,740 ‫éléments de menu, que nous 19 00:00:49,740 --> 00:00:52,120 ‫n'implémenterons pas vraiment, nous n'implémenterons donc que 20 00:00:52,120 --> 00:00:55,027 ‫le menu, mais pas vraiment les pages vers lesquelles 21 00:00:55,027 --> 00:00:57,840 ‫ils pointent, puis si l'utilisateur est un administrateur, 22 00:00:57,840 --> 00:01:00,690 ‫nous rendons également cette partie vers le bas ici. 23 00:01:00,690 --> 00:01:04,380 ‫D'accord, c'est donc ce que nous allons construire dans cette conférence, et 24 00:01:04,380 --> 00:01:06,440 ‫dans les deux prochaines conférences, nous 25 00:01:06,440 --> 00:01:09,440 ‫nous occuperons alors de vraiment mettre à jour les paramètres. 26 00:01:09,440 --> 00:01:13,113 ‫Donc, en gros, faire fonctionner ces boutons ici. 27 00:01:14,227 --> 00:01:15,060 ‫Très bien? 28 00:01:15,060 --> 00:01:17,620 ‫Mais pour l'instant, il s'agit simplement de rendre cette page ici 29 00:01:17,620 --> 00:01:19,443 ‫sur ce . moi URL. 30 00:01:21,370 --> 00:01:22,610 ‫D'accord? 31 00:01:22,610 --> 00:01:25,343 ‫Commençons donc par le modèle carlin. 32 00:01:26,250 --> 00:01:28,080 ‫D'accord, et comme toujours, 33 00:01:28,080 --> 00:01:30,873 ‫j'ai déjà ce modèle de compte ici. 34 00:01:32,050 --> 00:01:34,453 ‫Alors saisissons-le, copions-le, puis créons 35 00:01:37,810 --> 00:01:40,253 ‫une nouvelle vue ici, que 36 00:01:42,730 --> 00:01:44,360 ‫j'appelle compte. 37 00:01:44,360 --> 00:01:46,810 ‫Et maintenant, nous voulons étendre 38 00:01:51,281 --> 00:01:56,270 ‫la base et nous voulons créer un bloc appelé contenu comme toujours. 39 00:01:56,270 --> 00:01:59,863 ‫Et puis c'est ici que nous collons réellement notre contenu. 40 00:02:00,740 --> 00:02:02,010 ‫Très bien? 41 00:02:02,010 --> 00:02:04,000 ‫Maintenant, nous devons indenter 42 00:02:05,850 --> 00:02:09,803 ‫tout cela pour le faire à l'intérieur du bloc. 43 00:02:10,640 --> 00:02:15,640 ‫Génial, alors, nous avons d'abord notre navigation, n'est-ce pas ? 44 00:02:15,670 --> 00:02:18,540 ‫Donc, les paramètres, les réservations, les avis et les 45 00:02:18,540 --> 00:02:21,020 ‫facturations que nous avons vus sur le 46 00:02:21,020 --> 00:02:25,430 ‫côté gauche de la page, puis nous avons également la navigation Admin, n'est-ce pas ? 47 00:02:25,430 --> 00:02:28,590 ‫Et ils voient déjà beaucoup de code en double ici. 48 00:02:28,590 --> 00:02:31,770 ‫Donc, fondamentalement, ces éléments d'élément de liste 49 00:02:31,770 --> 00:02:34,950 ‫ici, ils apparaissent en fait huit fois. 50 00:02:34,950 --> 00:02:38,970 ‫Donc, quatre fois ici et quatre fois ici, créons donc très 51 00:02:38,970 --> 00:02:41,730 ‫rapidement un mixin pour eux afin de rendre 52 00:02:41,730 --> 00:02:44,330 ‫notre code un peu plus propre. 53 00:02:44,330 --> 00:02:46,310 ‫Très bien, donc je vais aller 54 00:02:46,310 --> 00:02:48,610 ‫de l'avant et copier l'un d'entre eux. 55 00:02:48,610 --> 00:02:52,953 ‫Et puis créez un nouveau mixin appelé navItem. 56 00:02:55,600 --> 00:02:57,480 ‫D'accord, donc nous l'avons fait avant. 57 00:02:57,480 --> 00:02:59,120 ‫C'est donc très similaire. 58 00:02:59,120 --> 00:03:01,500 ‫Alors, que devons-nous transmettre dans ce 59 00:03:01,500 --> 00:03:05,100 ‫mixin afin de personnaliser essentiellement chacun de ces éléments ? 60 00:03:05,100 --> 00:03:07,773 ‫Eh bien, ce qui va changer, c'est le lien. 61 00:03:08,960 --> 00:03:13,960 ‫Aussi le texte, donc les paramètres, les réservations, et cetera. 62 00:03:14,790 --> 00:03:16,360 ‫C'est donc du texte. 63 00:03:16,360 --> 00:03:19,240 ‫Ensuite, l'icône va également changer, et enfin 64 00:03:19,240 --> 00:03:21,980 ‫vous voyez que ce premier 65 00:03:21,980 --> 00:03:25,690 ‫ici a la classe side-nav--active, n'est-ce pas ? 66 00:03:25,690 --> 00:03:30,530 ‫Et donc nous allons également spécifier un actif comme ici en gros. 67 00:03:30,530 --> 00:03:33,110 ‫Et puis, lorsque nous voulons marquer un élément 68 00:03:33,110 --> 00:03:35,390 ‫comme actif, nous passerons simplement par ici. 69 00:03:35,390 --> 00:03:36,762 ‫D'accord? 70 00:03:36,762 --> 00:03:39,573 ‫Nous devons donc maintenant corriger l'indentation ici. 71 00:03:47,530 --> 00:03:49,123 ‫Et puis transmettre nos données. 72 00:03:54,930 --> 00:03:56,363 ‫Vient ensuite le texte. 73 00:03:59,900 --> 00:04:01,900 ‫Donc, bien sûr, à ce 74 00:04:01,900 --> 00:04:06,607 ‫stade, ce n'est pas nouveau, donc je le fais assez rapidement ici, n'est-ce pas ? 75 00:04:07,910 --> 00:04:12,000 ‫Donc icon puis le nom de l'icone que l'on passe. 76 00:04:12,000 --> 00:04:13,860 ‫Donc, tout comme nous l'avons fait 77 00:04:13,860 --> 00:04:15,640 ‫auparavant, et puis finalement, cet 78 00:04:15,640 --> 00:04:18,220 ‫actif ici, rappelez-vous, sera soit vrai, soit faux. 79 00:04:18,220 --> 00:04:21,840 ‫Et si c'est vrai, nous voulons ajouter cette classe. 80 00:04:21,840 --> 00:04:22,753 ‫Alors copions-le. 81 00:04:23,950 --> 00:04:27,063 ‫Et puis ici, spécifions l'attribut class. 82 00:04:29,820 --> 00:04:31,470 ‫Et puis comme nous 83 00:04:31,470 --> 00:04:33,910 ‫l'avons fait, faisons une déclaration de tournage ici. 84 00:04:33,910 --> 00:04:38,480 ‫Donc, dire si actif, fondamentalement, alors ici 85 00:04:38,480 --> 00:04:42,003 ‫nous voulons avoir side-nav-actif. 86 00:04:43,010 --> 00:04:45,490 ‫Et sinon, nous ne voulons rien. 87 00:04:45,490 --> 00:04:47,243 ‫Donc un nom de classe vide, en gros. 88 00:04:49,030 --> 00:04:49,980 ‫Très bien. 89 00:04:49,980 --> 00:04:53,800 ‫Et maintenant, nous pouvons remplacer cela par notre mixin. 90 00:04:53,800 --> 00:04:57,270 ‫C'est ce qu'on appelle navItem, et souvenez-vous, 91 00:04:57,270 --> 00:05:00,180 ‫nous écrivons + puis navItem. 92 00:05:01,820 --> 00:05:05,230 ‫Donc ici le lien est un lien vide. 93 00:05:05,230 --> 00:05:07,520 ‫Et en fait pour tous pour le moment. 94 00:05:07,520 --> 00:05:08,353 ‫Puis 95 00:05:09,780 --> 00:05:10,623 ‫Paramètres, puis le 96 00:05:12,420 --> 00:05:14,980 ‫nom de l'icône qui est aussi paramètres, 97 00:05:14,980 --> 00:05:16,083 ‫mais en minuscule. 98 00:05:18,341 --> 00:05:21,060 ‫Et puis finalement celui-ci est effectivement actif, et donc 99 00:05:21,060 --> 00:05:22,323 ‫on passe en vrai. 100 00:05:25,541 --> 00:05:28,057 ‫Très bien, dupliquons-le. 101 00:05:31,710 --> 00:05:36,513 ‫Ayez une mallette et nous avons Mes réservations. 102 00:05:37,680 --> 00:05:39,490 ‫Mettons ça en minuscule. 103 00:05:39,490 --> 00:05:43,090 ‫D'accord, duplique-le encore deux fois. 104 00:05:43,090 --> 00:05:44,480 ‫Donc ici nous 105 00:05:48,360 --> 00:05:49,990 ‫avons l'étoile et puis 106 00:05:53,600 --> 00:05:56,423 ‫ici la carte de crédit pour la facturation. 107 00:05:59,550 --> 00:06:00,383 ‫Très bien. 108 00:06:04,270 --> 00:06:06,820 ‫Et maintenant, nous avons la navigation administrateur. 109 00:06:06,820 --> 00:06:08,560 ‫Et celui-ci ne sera 110 00:06:08,560 --> 00:06:11,660 ‫visible que si l'utilisateur actuel est un administrateur. 111 00:06:11,660 --> 00:06:15,660 ‫Alors définissons cela en utilisant une instruction if. 112 00:06:15,660 --> 00:06:18,370 ‫Et donc ici, nous devons tester si le rôle d'utilisateur est 113 00:06:18,370 --> 00:06:20,360 ‫égal à celui d'administrateur, n'est-ce pas ? 114 00:06:20,360 --> 00:06:21,270 ‫Et c'est, 115 00:06:21,270 --> 00:06:23,450 ‫encore une fois, l'une de ces instructions if 116 00:06:23,450 --> 00:06:26,410 ‫plus complexes et nous devons donc utiliser JavaScript pour cela. 117 00:06:26,410 --> 00:06:29,441 ‫J'utilise donc à nouveau du code sans tampon. 118 00:06:29,441 --> 00:06:30,640 ‫Et puis si 119 00:06:32,560 --> 00:06:35,710 ‫et donc nous aurons accès à la variable utilisateur ici. 120 00:06:35,710 --> 00:06:38,290 ‫Donc, tout comme nous l'avons fait dans d'autres modèles. 121 00:06:38,290 --> 00:06:41,200 ‫Donc, en gros, nous allons le transmettre ici. 122 00:06:41,200 --> 00:06:44,750 ‫Et puis bien sûr, l'utilisateur a l'attribut role, et 123 00:06:44,750 --> 00:06:47,210 ‫donc on teste s'il est admin. 124 00:06:47,210 --> 00:06:51,230 ‫Et si c'est le cas, nous voulons afficher tout cela. 125 00:06:51,230 --> 00:06:54,963 ‫Et donc, il doit maintenant être en retrait d'un niveau. 126 00:06:56,760 --> 00:06:57,593 ‫D'accord? 127 00:06:57,593 --> 00:07:00,270 ‫Et bien sûr, nous voulons maintenant 128 00:07:00,270 --> 00:07:03,023 ‫remplacer tout cela ici par notre mixin également. 129 00:07:07,900 --> 00:07:09,083 ‫Donc quatre fois. 130 00:07:10,370 --> 00:07:13,003 ‫Celui-ci s'appelle la carte. 131 00:07:14,380 --> 00:07:15,613 ‫Gérer les tournées. 132 00:07:23,350 --> 00:07:24,823 ‫Celui-ci est Gérer les utilisateurs. 133 00:07:38,080 --> 00:07:39,323 ‫Gérer les avis. 134 00:07:41,400 --> 00:07:43,800 ‫Et puis enfin nous en avons un avec la mallette. 135 00:07:46,450 --> 00:07:49,030 ‫Et celui-ci n'a pas le texte ici, mais 136 00:07:49,030 --> 00:07:50,723 ‫c'est Gérer les réservations. 137 00:07:55,548 --> 00:07:56,830 ‫Très bien. 138 00:07:56,830 --> 00:08:01,830 ‫Alors débarrassons-nous de cela et continuons notre travail ici. 139 00:08:01,850 --> 00:08:03,830 ‫Donc celui-ci ici sera le 140 00:08:03,830 --> 00:08:06,130 ‫formulaire pour modifier les paramètres de l'utilisateur. 141 00:08:06,130 --> 00:08:10,600 ‫Et donc les données personnelles seront ici dans ces valeurs, d'accord ? 142 00:08:10,600 --> 00:08:14,460 ‫Donc, fondamentalement, dans un élément d'entrée HTML, la valeur est 143 00:08:14,460 --> 00:08:17,300 ‫une sorte de texte prédéfini que 144 00:08:17,300 --> 00:08:20,220 ‫nous pouvons mettre à l'intérieur d'un élément d'entrée. 145 00:08:20,220 --> 00:08:21,690 ‫Et donc généralement, ce que nous 146 00:08:21,690 --> 00:08:23,930 ‫y mettons est la valeur actuelle de cette entrée, 147 00:08:23,930 --> 00:08:25,160 ‫donc de ce champ. 148 00:08:25,160 --> 00:08:28,780 ‫Et donc maintenant, c'est bien sûr le nom de l'utilisateur. 149 00:08:28,780 --> 00:08:30,130 ‫Et donc mettons ça ici. 150 00:08:34,940 --> 00:08:36,480 ‫Utilisateur. Nom. 151 00:08:36,480 --> 00:08:40,202 ‫Et puis ici en bas c'est 152 00:08:40,202 --> 00:08:42,693 ‫alors bien sûr l'email. 153 00:08:45,610 --> 00:08:49,343 ‫Et ici, nous avons aussi l'image de l'utilisateur. 154 00:08:54,060 --> 00:08:59,060 ‫Ainsi, les utilisateurs de la barre oblique d'image coupent le nom de l'image elle-même. 155 00:09:01,610 --> 00:09:02,443 ‫D'accord. 156 00:09:04,350 --> 00:09:06,783 ‫Alors ici-bas, il n'y a rien à faire. 157 00:09:07,720 --> 00:09:08,670 ‫Très bien? 158 00:09:08,670 --> 00:09:10,470 ‫Et en fait c'est tout. 159 00:09:10,470 --> 00:09:12,640 ‫C'est donc vraiment toutes les données qui 160 00:09:12,640 --> 00:09:14,620 ‫proviennent de l'objet utilisateur que 161 00:09:14,620 --> 00:09:15,823 ‫nous devons insérer. 162 00:09:17,300 --> 00:09:20,110 ‫D'accord, c'est donc le modèle. 163 00:09:20,110 --> 00:09:25,110 ‫Allons maintenant de l'avant et ajoutons l'itinéraire au viewRouter. 164 00:09:25,460 --> 00:09:29,813 ‫Alors ici, et celui-ci s'appellera /moi. 165 00:09:32,480 --> 00:09:35,560 ‫Et donc nous allons avoir un contrôleur appelé getAccount. 166 00:09:37,940 --> 00:09:39,330 ‫Maintenant, celui-ci, bien 167 00:09:39,330 --> 00:09:42,470 ‫sûr, sera en fait un itinéraire protégé, n'est-ce pas ? 168 00:09:42,470 --> 00:09:45,240 ‫Parce que ce n'est que si nous sommes 169 00:09:45,240 --> 00:09:48,260 ‫réellement connectés que nous aurons accès à cette page. 170 00:09:48,260 --> 00:09:52,020 ‫Et nous devons donc utiliser notre middleware de protection ici. 171 00:09:52,020 --> 00:09:55,973 ‫C'est donc un authController. protéger. 172 00:09:57,360 --> 00:09:58,730 ‫D'accord? 173 00:09:58,730 --> 00:10:02,100 ‫Donc, tout comme nous l'avons fait avec tous les autres itinéraires protégés. 174 00:10:02,100 --> 00:10:04,500 ‫Maintenant, un problème que je vois avec 175 00:10:04,500 --> 00:10:06,560 ‫cela est que ce middleware 176 00:10:06,560 --> 00:10:09,280 ‫de protection ici est très similaire à isLoggedIn. 177 00:10:09,280 --> 00:10:12,270 ‫Et donc nous allons en fait faire des opérations de duplication là-bas, 178 00:10:12,270 --> 00:10:13,610 ‫ce qui n'est pas idéal. 179 00:10:13,610 --> 00:10:16,500 ‫Parce que rappelez-vous que cet isLoggedIn 180 00:10:16,500 --> 00:10:19,930 ‫s'exécutera pour toutes les demandes, n'est-ce pas ? 181 00:10:19,930 --> 00:10:22,400 ‫Jetons donc un coup d'œil à ceux-ci pour que je 182 00:10:22,400 --> 00:10:24,203 ‫puisse faire valoir mon point de vue. 183 00:10:25,300 --> 00:10:30,300 ‫Donc, dans protect, nous obtenons l'utilisateur actuel ici. 184 00:10:30,720 --> 00:10:33,020 ‫Nous avons donc ce findById ici. 185 00:10:33,020 --> 00:10:34,580 ‫Mais nous faisons la 186 00:10:36,757 --> 00:10:39,650 ‫même chose ici en étant connecté, d'accord ? 187 00:10:39,650 --> 00:10:44,010 ‫Et donc en utilisant isLoggedIn et protect en même temps, nous ferons 188 00:10:44,010 --> 00:10:45,720 ‫cette requête deux fois. 189 00:10:45,720 --> 00:10:48,410 ‫Et donc ce n'est pas idéal bien sûr. 190 00:10:48,410 --> 00:10:51,980 ‫Et donc mettons ce isLoggedIn ici uniquement sous les 191 00:10:51,980 --> 00:10:55,210 ‫routes qui ne sont pas protégées, d'accord ? 192 00:10:55,210 --> 00:10:56,660 ‫Parce que sur 193 00:10:56,660 --> 00:10:58,690 ‫la route protégée, cette vérification 194 00:10:58,690 --> 00:11:02,270 ‫si l'utilisateur est connecté se produira également, n'est-ce pas ? 195 00:11:02,270 --> 00:11:03,870 ‫Mais pas dans ce middleware, 196 00:11:03,870 --> 00:11:05,450 ‫mais dans le 197 00:11:05,450 --> 00:11:09,000 ‫middleware de protection, car il vérifie également cela, n'est-ce pas ? 198 00:11:09,000 --> 00:11:12,573 ‫Alors coupons-le d'ici et collons-le simplement dans d'autres 199 00:11:12,573 --> 00:11:15,393 ‫routes qui ne sont pas protégées. 200 00:11:18,550 --> 00:11:20,300 ‫D'accord, ça a du sens ? 201 00:11:20,300 --> 00:11:23,340 ‫Et donc comme ça, nous n'avons pas ce 202 00:11:23,340 --> 00:11:26,400 ‫problème de faire exactement la même requête deux fois 203 00:11:26,400 --> 00:11:28,580 ‫dans tous les middlewares protégés. 204 00:11:28,580 --> 00:11:31,680 ‫Et c'est un peu mieux pour nos performances. 205 00:11:31,680 --> 00:11:34,722 ‫Maintenant, cette chose que nous faisons dans isLoggedIn 206 00:11:34,722 --> 00:11:36,900 ‫et que nous ne faisons 207 00:11:36,900 --> 00:11:39,880 ‫pas actuellement dans protect est la suivante. 208 00:11:39,880 --> 00:11:43,510 ‫Nous mettons donc un utilisateur actuel sur la réponse. des locaux. 209 00:11:43,510 --> 00:11:45,534 ‫Et donc faisons la 210 00:11:45,534 --> 00:11:48,220 ‫même chose maintenant dans le currentUser. 211 00:11:48,220 --> 00:11:51,543 ‫Et donc faisons la même chose ici dans le middleware protect. 212 00:11:53,020 --> 00:11:56,510 ‫Donc, vous mettez le currentUser à la fois sur demande. utilisateur et sur 213 00:11:56,510 --> 00:11:59,590 ‫réponse. locaux, d'accord ? 214 00:11:59,590 --> 00:12:01,600 ‫Pour que nous puissions ensuite l'utiliser 215 00:12:01,600 --> 00:12:03,690 ‫automatiquement dans tous les modèles après lui. 216 00:12:03,690 --> 00:12:07,560 ‫Donc dans ce cas, dans notre modèle de compte, d'accord ? 217 00:12:07,560 --> 00:12:08,693 ‫Alors donnez-lui une sauvegarde. 218 00:12:10,080 --> 00:12:14,040 ‫Et maintenant, nous devons ajouter ce contrôleur getAccount afin, bien 219 00:12:14,040 --> 00:12:16,903 ‫sûr, de corriger cette erreur que nous 220 00:12:16,903 --> 00:12:18,293 ‫obtenons actuellement. 221 00:12:19,450 --> 00:12:20,900 ‫C'est donc dans viewsController,. demande et réponse getAccount. 222 00:12:27,467 --> 00:12:32,467 ‫Et vous verrez dans une seconde pourquoi nous n'avons besoin que de ces deux-là. 223 00:12:34,370 --> 00:12:37,170 ‫Donc, pour obtenir la page du compte, tout ce que nous avons vraiment besoin de 224 00:12:38,100 --> 00:12:39,580 ‫faire est simplement de rendre cette page. 225 00:12:39,580 --> 00:12:43,370 ‫Nous n'avons même pas besoin d'interroger l'utilisateur actuel car cela a 226 00:12:43,370 --> 00:12:45,910 ‫déjà été fait dans le middleware de 227 00:12:45,910 --> 00:12:47,760 ‫protection, n'est-ce pas ? 228 00:12:47,760 --> 00:12:50,030 ‫Et donc vraiment tout ce que nous avons vraiment besoin de 229 00:12:50,030 --> 00:12:51,810 ‫faire est de faire quelque chose comme ça. 230 00:12:51,810 --> 00:12:54,110 ‫Copiez donc ce code, 231 00:12:54,110 --> 00:12:55,870 ‫puis ici compte. 232 00:12:55,870 --> 00:12:59,030 ‫Et donnons-lui un titre de Votre compte. 233 00:12:59,030 --> 00:13:04,030 ‫Très bien, donc ça fait disparaître cette erreur. 234 00:13:04,430 --> 00:13:07,840 ‫Et maintenant, comme dernière pièce du puzzle, ajoutons le bon 235 00:13:07,840 --> 00:13:09,880 ‫lien, en fait, dans l'en-tête. 236 00:13:09,880 --> 00:13:13,063 ‫Donc, ici, dans notre en-tête, le lien ne pointe pas 237 00:13:15,000 --> 00:13:18,110 ‫vers cette page de compte, n'est-ce pas ? 238 00:13:18,110 --> 00:13:21,670 ‫Donc ça ne pointe nulle part. 239 00:13:21,670 --> 00:13:24,043 ‫Et donc il devrait maintenant pointer vers /me. 240 00:13:25,110 --> 00:13:27,713 ‫D'accord, et cela devrait être 241 00:13:28,820 --> 00:13:32,380 ‫la dernière pièce pour que cela fonctionne. 242 00:13:32,380 --> 00:13:33,763 ‫Et donc connectons-nous ici maintenant 243 00:13:34,980 --> 00:13:36,840 ‫avec le test un, deux, trois, quatre. 244 00:13:38,281 --> 00:13:40,513 ‫Nous sommes connectés avec succès. 245 00:13:42,050 --> 00:13:44,320 ‫Et maintenant, en cliquant ici, nous obtenons notre page. 246 00:13:44,320 --> 00:13:48,950 ‫Fantastique. 247 00:13:48,950 --> 00:13:50,590 ‫Maintenant, il y a une erreur ici avec la photo de l'utilisateur. 248 00:13:50,590 --> 00:13:54,030 ‫Alors corrigeons ça. 249 00:13:54,030 --> 00:13:55,270 ‫Mais à côté de cela, en fait, tout fonctionne très bien. 250 00:13:55,270 --> 00:13:59,460 ‫Nous obtenons également ce menu ici car nous sommes actuellement 251 00:13:59,460 --> 00:14:03,750 ‫en mode administrateur et testons-le également dans une seconde pour voir 252 00:14:03,750 --> 00:14:06,370 ‫s'il disparaît pour les autres utilisateurs. 253 00:14:06,370 --> 00:14:08,903 ‫Et en fait, nous obtenons également cette erreur 254 00:14:11,180 --> 00:14:14,150 ‫ici parce que nous avons une requête échouée pour l'image. 255 00:14:14,150 --> 00:14:17,500 ‫Et donc nous voyons déjà que nous faisons probablement quelque 256 00:14:17,500 --> 00:14:19,070 ‫chose de mal là-bas. 257 00:14:19,070 --> 00:14:20,920 ‫Et donc ici 258 00:14:22,070 --> 00:14:25,860 ‫dans l'image, bien sûr, ce n'est pas l'utilisateur. nom, c'est l'utilisateur. photo. 259 00:14:25,860 --> 00:14:30,500 ‫Alors faites une sauvegarde, rechargez ici. 260 00:14:30,500 --> 00:14:33,670 ‫Et maintenant en effet, nous y voilà. 261 00:14:33,670 --> 00:14:35,483 ‫Très bien? 262 00:14:36,840 --> 00:14:37,673 ‫Alors maintenant, déconnectons-nous, voyons ce qui se passe ensuite. 263 00:14:37,673 --> 00:14:41,200 ‫Et puis nous obtenons ce genre d'erreur. 264 00:14:41,200 --> 00:14:43,460 ‫Et c'est essentiellement parce que nous 265 00:14:43,460 --> 00:14:46,200 ‫essayons d'accéder à cette route protégée sans être connecté. 266 00:14:46,200 --> 00:14:49,417 ‫Très bien? 267 00:14:49,417 --> 00:14:50,250 ‫Essayons donc à nouveau maintenant. 268 00:14:51,470 --> 00:14:54,540 ‫Donc, si nous essayons de nous connecter 269 00:14:54,540 --> 00:14:58,720 ‫avec /me, nous constatons que vous n'êtes pas connecté, d'accord ? 270 00:14:58,720 --> 00:15:01,920 ‫Et avant que nous ayons cette erreur d'apparence étrange parce 271 00:15:01,920 --> 00:15:04,550 ‫que nous sommes actuellement en cours de développement. 272 00:15:04,550 --> 00:15:07,070 ‫Mais en production, bien sûr, nous ne verrions pas cette erreur étrange 273 00:15:07,070 --> 00:15:08,290 ‫que nous avons vue auparavant. 274 00:15:08,290 --> 00:15:11,850 ‫À droite? 275 00:15:11,850 --> 00:15:12,710 ‫Mais ce que 276 00:15:12,710 --> 00:15:15,410 ‫nous voyons maintenant, c'est que, bien sûr, notre itinéraire est vraiment protégé. 277 00:15:15,410 --> 00:15:16,930 ‫Nous ne pouvons donc pas y accéder si nous ne sommes pas connectés. 278 00:15:16,930 --> 00:15:20,090 ‫Maintenant, juste pour finir, connectons-nous avec un autre compte 279 00:15:20,090 --> 00:15:21,270 ‫juste pour 280 00:15:21,270 --> 00:15:23,750 ‫voir si la partie administrateur fonctionne également. 281 00:15:23,750 --> 00:15:28,390 ‫Alors, encore une fois, utilisons Laura ici. 282 00:15:28,390 --> 00:15:31,320 ‫Et vous voyez qu'elle n'est qu'une utilisatrice régulière. 283 00:15:31,320 --> 00:15:33,520 ‫Très bien. 284 00:15:41,620 --> 00:15:42,543 ‫Et maintenant 285 00:15:44,780 --> 00:15:47,950 ‫nous obtenons son compte utilisateur, sans bien sûr, le menu admin. 286 00:15:47,950 --> 00:15:49,740 ‫D'accord, parfait. 287 00:15:49,740 --> 00:15:51,380 ‫C'est donc la construction de la page du compte. 288 00:15:51,380 --> 00:15:53,570 ‫Et comme je l'ai dit précédemment, dans la prochaine 289 00:15:53,570 --> 00:15:55,830 ‫vidéo, nous nous occuperons ensuite de la mise à 290 00:15:55,830 --> 00:15:57,700 ‫jour effective de ces paramètres de compte.