1 00:00:00,150 --> 00:00:04,980 Bienvenue à cette leçon est la partie 2 de l'ajout d'authentification à votre camp. 2 00:00:05,310 --> 00:00:11,630 Eh bien, se concentrer sur la configuration de passeport d'abord et puis nous allons ajouter la logique pour l'inscription ou enregistrer des itinéraires et un modèle. 3 00:00:12,000 --> 00:00:13,040 Commençons ici. 4 00:00:13,260 --> 00:00:26,850 Donc, j'ai mon application US Open et j'ai déjà exigé tout ce que nous devons faire maintenant est configurer le passeport et nous avons quelques lignes donc je vais ajouter dans une ligne ici, c'est juste la configuration de passeport juste pour le rendre clair. 5 00:00:26,910 --> 00:00:29,820 La première chose à faire est de configurer une session Express. 6 00:00:29,820 --> 00:00:38,520 Donc, après l'utilisation, puis besoin d'exprimer Dasch session et puis nous allons exécuter cela. 7 00:00:39,210 --> 00:00:46,470 Et à l'intérieur de cela quand nous exécutons cette déclaration Choire, nous allons passer dans un objet et je vais lui donner un secret. 8 00:00:46,650 --> 00:00:49,710 Et cela peut être tout ce que nous voulons La dernière fois que je pense que j'ai fait. 9 00:00:49,710 --> 00:00:54,660 Rusty est le meilleur et le plus mignon des chiens ou quelque chose comme ça cette fois je fais quelque chose de semblable. 10 00:00:54,660 --> 00:00:59,100 Encore une fois ce peut être tout ce que nous voulons, mais je vais juste faire une fois de plus. 11 00:00:59,100 --> 00:01:00,320 Rusty gagne. 12 00:01:00,390 --> 00:01:01,740 Chien le plus mignon. 13 00:01:02,220 --> 00:01:06,810 Bien que je dois dire que Russell devient un peu chubby et je ne me sens pas confiant qu'il gagnerait réellement. 14 00:01:06,810 --> 00:01:08,060 Chien plus mignon plus. 15 00:01:08,280 --> 00:01:10,260 Et ensuite montrer aux gens ses photos plus anciennes du SCFP. 16 00:01:10,320 --> 00:01:11,960 Il est un petit saucisson comme maintenant. 17 00:01:12,210 --> 00:01:21,420 OK, nous avons donc la configuration secrète que vous devez ajouter dans resave et qui devrait être faux et puis enregistrer sur initialisé. 18 00:01:21,420 --> 00:01:23,280 Assurez-vous que nous avons orthographié ce droit. 19 00:01:23,400 --> 00:01:24,650 Faux. 20 00:01:25,020 --> 00:01:32,030 Et ce ne sont que deux options que nous devons ajouter et nous allons enregistrer des notes continuer sur vers le bas et de travailler sur la configuration de passeport. 21 00:01:32,070 --> 00:01:35,010 Jusqu'à présent, cela n'a rien à voir avec le passeport tout de suite. 22 00:01:35,400 --> 00:01:48,320 Nous allons avoir ce passeport américain qui initialise et puis un autre ne pas utiliser le passeport de cette session comme ça. 23 00:01:48,600 --> 00:01:56,430 Ensuite, nous allons faire un passeport et c'est là que nous lui donnons la stratégie locale que nous avons importée ici. 24 00:01:56,850 --> 00:02:11,020 Donc nous allons exécuter une nouvelle stratégie locale alors à l'intérieur de qui nous allons lui donner une méthode l'utilisateur ne s'authentifie pas et l'utilisateur authentifier n'est pas celui que nous avons écrit. 25 00:02:11,340 --> 00:02:14,390 C'est celui qui vient avec le passeport mongoose locale. 26 00:02:14,400 --> 00:02:18,560 Si nous n'avions pas ce paquet, vous devriez écrire cette méthode nous-mêmes. 27 00:02:19,140 --> 00:02:20,520 Ensuite, nous avons deux méthodes supplémentaires. 28 00:02:20,670 --> 00:02:24,220 Passport point serialise utilisateur. 29 00:02:24,670 --> 00:02:32,970 Et cela va être en utilisant l'utilisateur utilisateur de point serialise qui est un autre qui vient gratuitement avec ce mangouste local de passeport. 30 00:02:32,970 --> 00:02:40,930 Et puis nous avons besoin de la serialise ups de l'utilisateur serialise et c'est le même nom ici. 31 00:02:40,950 --> 00:02:45,130 L'utilisateur série sérialise l'utilisateur. 32 00:02:45,420 --> 00:02:46,210 D'ACCORD. 33 00:02:46,470 --> 00:02:50,470 C'est donc toute la configuration que nous devons faire avant de passer à l'itinéraire d'enregistrement. 34 00:02:50,640 --> 00:02:54,010 Testez-le pour voir si tout fonctionne correctement. 35 00:02:54,330 --> 00:02:55,280 Et que savez-vous. 36 00:02:55,320 --> 00:03:06,480 J'ai écrit, sauf erreur non initialisée, tout comme je l'ai fait dans la dernière vidéo et il est sorti de mon chemin pour essayer d'éviter que nous allons simplement copier ce dans et coller ici. 37 00:03:06,630 --> 00:03:08,440 Espérons que vous avez pris cela devant moi. 38 00:03:08,610 --> 00:03:11,600 Enregistrez à nouveau et redémarrez. 39 00:03:11,790 --> 00:03:15,170 Maintenant, nous n'obtenons pas d'erreurs ou d'avertissements et nous sommes prêts à partir. 40 00:03:15,730 --> 00:03:17,850 OK, c'est tout ce que nous avons à faire. 41 00:03:17,970 --> 00:03:22,490 Maintenant, nous devons passer et ajouter les itinéraires dans nos modèles et nous allons commencer avec le registre. 42 00:03:22,680 --> 00:03:29,950 Donc je vais descendre au fond et en bas ici ci-dessous tous nos itinéraires de commentaires et nos itinéraires de camping. 43 00:03:30,090 --> 00:03:32,220 Je vais ajouter dans notre Auth. Itinéraires. 44 00:03:32,220 --> 00:03:37,410 Nous allons donc faire une petite note ici et très bientôt. 45 00:03:37,560 --> 00:03:46,750 Je continue à le dire, mais très bientôt nous allons diviser tous les itinéraires dans des fichiers distincts, car il est un peu difficile à gérer avec tout ce code et voici beaucoup de code. 46 00:03:46,770 --> 00:03:47,070 D'accord. 47 00:03:47,070 --> 00:03:50,590 Donc notre premier itinéraire va montrer le formulaire de registre. 48 00:03:51,780 --> 00:04:01,500 Et c'est juste apt obtenir la caisse enregistreuse et puis nous avons besoin de rappeler ici la réponse de la demande. 49 00:04:01,500 --> 00:04:08,320 Et puis ici redstart rendre registre qui n'existe pas encore. 50 00:04:08,340 --> 00:04:09,910 Alors maintenant, c'est aller créer cela. 51 00:04:09,930 --> 00:04:11,640 Donc utiliser le toucher. 52 00:04:11,670 --> 00:04:13,230 Alors caisse enregistreuse. 53 00:04:13,500 --> 00:04:14,370 Oui. 54 00:04:14,370 --> 00:04:33,030 Et puis ouvrons ce fichier et nous allons ajouter dans notre simple H1 Sign-Up et nous allons nous assurer que nous voyons que lorsque nous démarrons le serveur et nous allons à cette route slash registre et nous obtenons le Sign-H1. 55 00:04:33,120 --> 00:04:34,950 Maintenant, il est ajouté dans le formulaire. 56 00:04:34,950 --> 00:04:46,870 Donc, nous allons avoir une balise forum que le formulaire va aller à la barre oblique de registre n'existe pas encore et la méthode sera post. 57 00:04:47,310 --> 00:05:00,300 Nous avons besoin d'entrer d'abord sur le type parce que le nom du texte est égal au nom d'utilisateur et l'espace réservé est égal au nom d'utilisateur aussi bien. 58 00:05:00,300 --> 00:05:02,630 Ensuite, vous avez besoin d'un autre type d'entrée. 59 00:05:02,660 --> 00:05:05,300 Celui-ci est mot de passe. 60 00:05:05,770 --> 00:05:14,150 Et puis nous voulons nom pour être mot de passe et puis un espace réservé ici peut également être mot de passe prêt. 61 00:05:14,190 --> 00:05:22,570 Un autre élément qui est le bouton pour le soumettre, il suffit de dire Sign-Up save let's refresh. 62 00:05:22,820 --> 00:05:24,120 Voici notre formulaire. 63 00:05:24,140 --> 00:05:28,430 Donc en ce moment si nous soumettons le formulaire, il va envoyer un registre de slash demande de poste. 64 00:05:28,440 --> 00:05:32,120 Nous ne disposons pas d'un itinéraire à suivre qui permette d'ajouter cette route. 65 00:05:32,120 --> 00:05:45,360 Donc, cette route va gérer la logique d'inscription et à l'intérieur de cela va avoir un poste apt à la barre oblique de registre ou de rappel. 66 00:05:45,950 --> 00:05:56,240 Et commençons par un simple point rouge qui vous envoie la signature et assurez-vous que nous voyons que lorsque nous soumettons le formulaire. 67 00:05:56,250 --> 00:05:58,840 Nous devons donc redémarrer le serveur lorsque nous ajoutons un nouvel itinéraire. 68 00:05:58,840 --> 00:06:03,050 Et maintenant, nous allons revenir à l'actualisation de formulaire. 69 00:06:03,320 --> 00:06:04,560 Remplis-le. 70 00:06:04,560 --> 00:06:07,130 Hit sign up et nous obtenons vous signer. 71 00:06:07,330 --> 00:06:07,600 D'ACCORD. 72 00:06:07,620 --> 00:06:09,450 L'itinéraire est maintenant mis en place. 73 00:06:09,440 --> 00:06:16,210 Maintenant, nous allons réellement ajouter dans l'ensemble de la logique importante, nous avons besoin d'utiliser cet utilisateur dot register. 74 00:06:16,580 --> 00:06:20,400 C'est fourni par le paquet de la mangouste locale de passeport. 75 00:06:20,420 --> 00:06:34,500 Donc vous ne devriez pas enregistrer et nous passons dans un nouvel utilisateur qui a un nom d'utilisateur assigné et nom d'utilisateur doit être le corps de la partie supérieure que le nom d'utilisateur comme ça. 76 00:06:34,670 --> 00:06:40,290 Ensuite, nous passons le mot de passe comme deuxième argument à utiliser ou à ne pas enregistrer. 77 00:06:40,760 --> 00:06:53,160 Donc, ce que nous pouvons réellement faire est de faire en une variable distincte pour le nettoyer un peu et nous allons l'appeler pour notre nouvel utilisateur égale le nouvel utilisateur qui a un nom d'utilisateur. 78 00:06:53,570 --> 00:07:02,040 Et puis nous allons nous enregistrer avec le nouvel utilisateur Khama request dot dot dot mot de passe. 79 00:07:02,540 --> 00:07:04,510 Et c'est le mot de passe du formulaire. 80 00:07:04,520 --> 00:07:08,080 Il s'agit du nom d'utilisateur du formulaire qui devrait être revu à ce stade. 81 00:07:08,270 --> 00:07:19,660 Et puis nous passons dans ce nouvel utilisateur qui a seulement un nom d'utilisateur assigné et l'enregistrement va gérer toute la logique de prendre ce mot de passe et puis plutôt que de stocker le mot de passe qu'il stocke réellement ce hasard fou. 82 00:07:19,700 --> 00:07:24,430 Donc, nous allons nous assurer qu'il fonctionne pour que les utilisateurs ne s'inscrivent pas et ensuite ajouter un rappel. 83 00:07:24,500 --> 00:07:30,060 Et cela aura erreur et puis utilisateur et cet utilisateur sera l'utilisateur nouvellement créé. 84 00:07:30,140 --> 00:07:31,340 Si cela fonctionnait. 85 00:07:31,340 --> 00:07:33,690 Commençons donc par une erreur if. 86 00:07:34,040 --> 00:07:36,600 Eh bien faire une erreur de journal constant. 87 00:07:36,770 --> 00:07:46,310 Mais nous voulons aussi le gérer et nous ferons un enregistrement rez render et nous ferons un retour ici. 88 00:07:46,620 --> 00:07:51,890 Et c'est juste un bon moyen de court-circuit et de sortir de cet appel complet si nous revenons. 89 00:07:51,890 --> 00:08:05,520 Et puis ici, nous exécutons authentification par point passport avec une stratégie locale et nous allons appeler cela avec la réponse de la demande et puis une fonction de rappel qu'il traitera. 90 00:08:05,750 --> 00:08:13,730 Une fois qu'il a authentifié et ce que nous voulons faire est de rediriger et de rediriger vers les terrains de camping slash pour l'instant. 91 00:08:14,570 --> 00:08:22,230 Donc, une fois que l'utilisateur a signé, nous allons les enregistrer pour les authentifier et ensuite nous allons les rediriger vers les terrains de camping à slash. 92 00:08:22,460 --> 00:08:31,670 Et si nous ne le faisons pas et si il ya un problème de signature de l'utilisateur jusqu'à alors nous allons annuler ce journal l'erreur et nous allons rendre le formulaire à nouveau. 93 00:08:31,700 --> 00:08:33,090 Donc, nous allons donner un coup de feu. 94 00:08:33,290 --> 00:08:34,990 Démarrez le serveur. 95 00:08:35,300 --> 00:08:40,190 Si nous allons nous inscrire et le remplir et ensuite nous envoyons soumettre et nous le faisons sur les terrains de camping slash. 96 00:08:40,280 --> 00:08:42,270 Cela signifie que tout s'est bien passé pour nous. 97 00:08:42,530 --> 00:08:54,210 Nous allons rafraîchir tous les signer ici avec la séparation et le mot de passe ou le mot de passe de nouveau s'inscrire et il nous faut pour slash terrains de camping. 98 00:08:54,240 --> 00:08:55,110 Excellent. 99 00:08:55,500 --> 00:09:07,850 Donc, nous pouvons avoir confiance que cela a fonctionné, mais nous pourrions aussi ouvrir Mongo et se connecter à notre base de données montrent Digby et nous utilisons le camp V-6 de Yelp. 100 00:09:07,910 --> 00:09:17,960 Donc, je vais utiliser le camp V-6 de Yelp et je vais faire un D-B que les utilisateurs trouvent. 101 00:09:18,230 --> 00:09:22,090 Et nous devrions voir un seul utilisateur ici est gigantesque regardant chose. 102 00:09:22,910 --> 00:09:24,760 Si nous voyons que cela signifie que cela a fonctionné. 103 00:09:25,010 --> 00:09:30,280 Donc nous avons notre nom d'utilisateur que nous nous sommes ajoutés quand nous avons fait des données d'utilisateur nouvelles ici ou nouvel utilisateur. 104 00:09:30,650 --> 00:09:34,920 Ensuite, toutes ces informations ont été ajoutées à partir du registre des données utilisateur. 105 00:09:35,660 --> 00:09:36,400 D'accord, super. 106 00:09:36,410 --> 00:09:41,760 Donc, nous avons que tout le travail de contrôle-C hors d'ici et nous pouvons démarrer le serveur à nouveau. 107 00:09:43,640 --> 00:09:53,760 Et voyons ce qui se passe si je retourne à la forme et j'essaie de m'enregistrer quand Severus me ramène de nouveau au forum. 108 00:09:54,200 --> 00:10:04,640 Chaque fois que je fais cela avec le même nom d'utilisateur, il m'a rappelé au formulaire et nous obtenons un message ici qui indique qu'un utilisateur avec un nom d'utilisateur donné est déjà enregistré. 109 00:10:04,640 --> 00:10:08,270 Donc, nous obtenons cela gratuitement en utilisant Passport mongoose locale. 110 00:10:08,270 --> 00:10:09,830 Nous obtenons automatiquement ce message. 111 00:10:09,840 --> 00:10:13,700 C'est formidable que nous puissions l'utiliser à notre avis dans une vidéo ultérieure et nous le ferons. 112 00:10:13,700 --> 00:10:19,660 Parce que maintenant nous ne sommes pas expliquer à l'utilisateur le problème qui est toujours frustrant si vous êtes un utilisateur et vous ne savez pas ce qui ne va pas. 113 00:10:19,670 --> 00:10:22,140 Mais vous savez que quelque chose ne fonctionne pas. 114 00:10:22,130 --> 00:10:24,430 Mais pour l'instant tout ce qui nous préoccupe, c'est que ça marche. 115 00:10:24,440 --> 00:10:29,410 Donc, nous avons ces deux déclarations de rendu sont redstart rendre et un restaurant redirection. 116 00:10:29,630 --> 00:10:38,110 Et nous obtenons l'un ou l'autre en fonction de si nous nous inscrivons avec succès ou si nous causons une erreur dans ce cas en mettant en place avec le nom d'utilisateur qui est déjà enregistré. 117 00:10:38,480 --> 00:10:39,040 Génial.