1
00:00:00,630 --> 00:00:07,630
Bienvenue dans cette leçon, qui est la quatrième partie de l'ajout d'une occasion à votre camp, nous allons ajouter la log log logique.

2
00:00:07,710 --> 00:00:12,500
Nous allons également empêcher quiconque d'accéder au nouveau formulaire de commentaire sans être connecté.

3
00:00:12,840 --> 00:00:16,180
Et dans la deuxième partie de la vidéo, nous allons nous concentrer sur la barre de navigation.

4
00:00:16,260 --> 00:00:17,700
À l'heure actuelle, nous avons une barre d'application.

5
00:00:17,730 --> 00:00:18,760
Ces liens ne fonctionnent pas.

6
00:00:18,810 --> 00:00:20,660
Donc la première étape est de les faire fonctionner.

7
00:00:20,880 --> 00:00:25,170
Et puis la deuxième fonctionnalité est de ne montrer que les liens nécessaires à un moment donné.

8
00:00:25,410 --> 00:00:30,120
Nous ne devrions donc jamais voir le log-in s'inscrire et se déconnecter si nous ne sommes pas connectés.

9
00:00:30,150 --> 00:00:33,120
Nous devrions nous connecter et vous inscrire, mais ne pas vous déconnecter.

10
00:00:33,300 --> 00:00:36,330
Et si nous sommes connectés, nous voulons seulement voir le déconnexion.

11
00:00:36,540 --> 00:00:40,250
Nous allons donc mettre en œuvre cette logique à la fin de la vidéo pour commencer.

12
00:00:40,410 --> 00:00:42,260
Ajoutons notre itinéraire de déconnexion.

13
00:00:42,750 --> 00:00:45,860
Donc, la façon dont le déconnexion fonctionne, c'est que ce n'est qu'une requête GET.

14
00:00:45,930 --> 00:01:04,290
Donc, nous allons ajouter la route de déconnexion et ici et après je reçois slash déconnecter la fonction de notre demande aucune réponse et tout ce que nous avons à faire est d'utiliser la demande de déconnexion que nous obtenons gratuitement.

15
00:01:04,350 --> 00:01:06,120
Nous n'avons donc pas eu à écrire cela nous-mêmes.

16
00:01:06,300 --> 00:01:10,100
Cela vient des paquets que nous avons installés et c'est tout.

17
00:01:10,110 --> 00:01:19,370
Cependant, nous voulons rediriger quelque part, alors redirigeons vers les terrains de camping slash et c'est tout.

18
00:01:19,410 --> 00:01:22,290
Nous avons maintenant notre sortie assez agréable et facile.

19
00:01:22,290 --> 00:01:27,480
Maintenant, ouvrons la barre de navigation et c'est à l'intérieur des vues de Parshall.

20
00:01:27,690 --> 00:01:33,740
Et puis, c'est dans l'en-tête et ce que nous voulons faire est juste de faire ces liens aller vers les bonnes voies.

21
00:01:33,750 --> 00:01:40,840
Donc log in est log in s'inscrire est registre slash et se déconnecter slash se déconnecter.

22
00:01:41,190 --> 00:01:47,120
Et que démarrer le serveur sans erreurs actualiser la page.

23
00:01:47,310 --> 00:01:54,570
Assurez-vous que ces travaux pour que je puisse ouvrir une session et je me connecte à Severus avec le mot de passe que mon mot de passe.

24
00:01:54,690 --> 00:01:58,520
Et vous remarquerez que nous n'avons pas assez de bar ici, nous devrions faire cela ensuite.

25
00:01:58,560 --> 00:02:05,130
Je n'ai pas obtenu que loin, mais maintenant, je devrais être en mesure de se déconnecter et si cela fonctionne, je devrais être redirigé vers la page des terrains de camping.

26
00:02:05,370 --> 00:02:13,290
Donc, avant d'oublier, allons et ajoutons les fichiers de mise en page de l'en-tête et du pied de page de Parshall aux formulaires de connexion et d'enregistrement.

27
00:02:13,770 --> 00:02:16,640
Arrêtez donc le serveur et ouvrons un autre fichier.

28
00:02:16,770 --> 00:02:18,910
Ouvrons l'indice du terrain de camping.

29
00:02:18,960 --> 00:02:39,690
Donc, C9 vues slash terrain de camping slash index et nous allons juste prendre cela et de le voler et nous allons mettre que sur le formulaire de connexion en haut et nous ne sera pas réellement quelque chose de style avec bootstrap et puis nous ferons la même chose Avec le pied de page.

30
00:02:40,380 --> 00:02:46,930
Et si nous faisons cela maintenant, nous essayons de visiter ce formulaire de connexion.

31
00:02:47,370 --> 00:02:58,990
Nous avons un problème et le problème est que nous utilisons exactement le même chemin point point slash Parshall slash Hetter que nous avons utilisé à l'intérieur de l'indice que Ejay nous pour les terrains de camping.

32
00:02:59,250 --> 00:03:00,710
Mais nous ne sommes pas dans ce répertoire.

33
00:03:00,720 --> 00:03:08,130
Alors permettez-moi de vous montrer ce que je veux dire au lieu de terrains de camping pour accéder à la Parshall et le fichier d'en-tête.

34
00:03:08,130 --> 00:03:14,670
Nous devons retourner un niveau, puis dans le répertoire de Parshall puis dans l'en-tête W.J. X-File.

35
00:03:15,120 --> 00:03:19,980
Mais où nous sommes en ce moment sur notre formulaire de connexion nous ne sommes pas à l'intérieur d'un répertoire distinct.

36
00:03:20,100 --> 00:03:27,790
Tout ce que nous avons à faire est dot slash Parshall de taille Parshall de nouveau redémarrer et rafraîchir.

37
00:03:27,810 --> 00:03:29,920
Maintenant, nous arrivons à ce point ici.

38
00:03:30,780 --> 00:03:41,610
Copions ceci pour enregistrer et le pied de page ainsi et nous enregistrerons et nous devrions maintenant avoir ces formes sur les deux.

39
00:03:42,270 --> 00:03:49,440
Donc, je peux aller pour vous inscrire connectez-vous et si je clique sur déconnecter en ce moment, il me verrouiller.

40
00:03:49,440 --> 00:03:50,210
Excellent.

41
00:03:50,520 --> 00:03:57,130
Donc la prochaine chose que je veux mettre l'accent sur ne pas laisser un utilisateur ajouter un commentaire si l'utilisateur n'est pas connecté.

42
00:03:57,150 --> 00:03:58,590
Donc, en ce moment, je ne suis pas connecté.

43
00:03:58,620 --> 00:04:01,510
Je ne pourrais pas voir cette forme du tout.

44
00:04:01,620 --> 00:04:13,060
Et ce que nous voulons se produire est si un utilisateur clique sur ce bouton un utilisateur non authentifié clique sur il ou elle devrait voir le formulaire de connexion et si l'utilisateur est connecté, alors il ou elle devrait être en mesure d'ajouter un commentaire.

45
00:04:13,170 --> 00:04:14,910
Alors, faisons-le maintenant.

46
00:04:15,210 --> 00:04:26,070
Donc, nous devons retourner à notre adresse et c'est là que nous devons ajouter dans un middleware et tout simplement pour le trouver en bas est connecté.

47
00:04:26,070 --> 00:04:32,570
Et si vous voulez revoir comment cela fonctionne en profondeur revenir à la dernière vidéo de la dernière unité où je parle plus à ce sujet.

48
00:04:32,700 --> 00:04:46,090
Mais un milieu où nous avons besoin de ces trois réponse demande et ensuite qui est la fonction qui va être appelée après ce middleware et puis nous allons vérifier si une demande est authentifiée.

49
00:04:46,530 --> 00:04:59,920
Si c'est le cas, nous allons passer à la prochaine chose qui, dans notre cas, serait de passer à rendre le nouveau terrain de camping ou le nouveau formulaire de commentaire ou autrement rediriger pour se connecter.

50
00:04:59,970 --> 00:05:06,160
Donc repos redirection slash log it et puis nous pouvons l'utiliser partout où nous voulons.

51
00:05:06,210 --> 00:05:13,690
Donc, si nous voulions utiliser ce pour être connecté pour accéder à n'importe quelle page à tout ce que vous simplement mettre est connecté dans les routes que vous voulez l'utiliser.

52
00:05:13,890 --> 00:05:20,950
Et dans notre cas va aller jusqu'à les commentaires, nous créons une nouvelle route commentaire qui montre le formulaire.

53
00:05:21,070 --> 00:05:23,640
Il suffit de mettre cela là.

54
00:05:24,750 --> 00:05:34,270
Donc, lorsqu'un utilisateur fait une demande à la page ou le formulaire commentaires slash nouveau il va s'exécuter est connecté en premier et qui va vérifier si l'utilisateur est connecté si l'utilisateur est connecté.

55
00:05:34,350 --> 00:05:42,170
Il appelle ensuite que nous allons simplement appeler ce code qui finira par nous voir le formulaire de commentaires si l'utilisateur n'est pas connecté.

56
00:05:42,510 --> 00:05:44,890
Ensuite, nous redirigons vers la barre oblique.

57
00:05:45,480 --> 00:05:50,370
Prenons un coup, assurez-vous que nous n'avons pas d'erreurs de syntaxe.

58
00:05:50,370 --> 00:05:56,730
Revenons ici et nous allons à la page d'accueil pour maintenant ou à la page de camping rafraîchir.

59
00:05:56,730 --> 00:06:06,150
Maintenant, essayons d'ajouter un commentaire à desert Mesa ajouter un nouveau commentaire et il me faut me connecter une fois de plus et vous venez et me prend pour me connecter.

60
00:06:06,540 --> 00:06:12,900
Mais maintenant, si je me connecte, je ferai plusieurs fois et je me connecterai.

61
00:06:13,860 --> 00:06:17,680
Je peux maintenant ajouter un commentaire si je retourne en arrière et cliquez sur ajouter un nouveau commentaire.

62
00:06:17,760 --> 00:06:20,470
Je peux maintenant voir le formulaire ajouter un nouveau commentaire.

63
00:06:21,000 --> 00:06:22,380
Excellent.

64
00:06:22,380 --> 00:06:28,160
Il y a un petit problème, à savoir que nous ne protégeons pas la route qui ajoute le commentaire.

65
00:06:28,440 --> 00:06:35,540
Donc, c'est celui-ci ici qui est le post après le terrain de camping slash ID slash commentaires qui est où le formulaire va.

66
00:06:35,550 --> 00:06:37,980
En ce moment, nous cachons le formulaire à un utilisateur.

67
00:06:37,980 --> 00:06:39,930
Nous ne laissons pas un utilisateur voir le formulaire.

68
00:06:39,930 --> 00:07:00,490
Si l'utilisateur n'est pas connecté et c'est formidable théoriquement quelqu'un pourrait encore envoyer une demande de poste si je suis allé le facteur et j'ai envoyé une demande de poste dès maintenant à ce que vous êtes l à un commentaire créer un itinéraire, il serait créer un commentaire alors ajoutons notre Est enregistré ici aussi bien et cela empêchera juste n'importe qui d'ajouter un commentaire à moins qu'ils soient identifiés.

69
00:07:00,690 --> 00:07:06,310
Et s'ils ne sont pas connectés, il suffit de rediriger vers la barre oblique de connexion comme nous l'avions auparavant.

70
00:07:06,390 --> 00:07:09,040
Recommençons.

71
00:07:10,650 --> 00:07:11,230
D'ACCORD.

72
00:07:11,370 --> 00:07:15,240
Revenons aux terrains de camping sont frais.

73
00:07:16,220 --> 00:07:19,010
OK maintenant, essayez d'ajouter un nouveau commentaire.

74
00:07:19,050 --> 00:07:20,470
Je ne suis pas connecté.

75
00:07:20,900 --> 00:07:21,390
C'est bon.

76
00:07:21,390 --> 00:07:25,890
Mot de passe Severus maintenant.

77
00:07:25,890 --> 00:07:27,760
Maintenant, nous allons ajouter un commentaire à nouveau.

78
00:07:28,500 --> 00:07:32,330
Cette fois je vais dire que c'est super.

79
00:07:32,460 --> 00:07:45,450
Oui merveilleux commentaire et l'auteur sera Severus et très bientôt nous n'aurons pas réellement à saisir explicitement ce que nous allons juste saisir à partir de l'information de l'utilisateur cliquez sur soumettre et il ya mon commentaire.

80
00:07:45,690 --> 00:07:46,170
Excellent.