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.
Nous allons également empêcher quiconque d'accéder au nouveau formulaire de commentaire sans être connecté.
Et dans la deuxième partie de la vidéo, nous allons nous concentrer sur la barre de navigation.
À l'heure actuelle, nous avons une barre d'application.
Ces liens ne fonctionnent pas.
Donc la première étape est de les faire fonctionner.
Et puis la deuxième fonctionnalité est de ne montrer que les liens nécessaires à un moment donné.
Nous ne devrions donc jamais voir le log-in s'inscrire et se déconnecter si nous ne sommes pas connectés.
Nous devrions nous connecter et vous inscrire, mais ne pas vous déconnecter.
Et si nous sommes connectés, nous voulons seulement voir le déconnexion.
Nous allons donc mettre en œuvre cette logique à la fin de la vidéo pour commencer.
Ajoutons notre itinéraire de déconnexion.
Donc, la façon dont le déconnexion fonctionne, c'est que ce n'est qu'une requête GET.
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.
Nous n'avons donc pas eu à écrire cela nous-mêmes.
Cela vient des paquets que nous avons installés et c'est tout.
Cependant, nous voulons rediriger quelque part, alors redirigeons vers les terrains de camping slash et c'est tout.
Nous avons maintenant notre sortie assez agréable et facile.
Maintenant, ouvrons la barre de navigation et c'est à l'intérieur des vues de Parshall.
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.
Donc log in est log in s'inscrire est registre slash et se déconnecter slash se déconnecter.
Et que démarrer le serveur sans erreurs actualiser la page.
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.
Et vous remarquerez que nous n'avons pas assez de bar ici, nous devrions faire cela ensuite.
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.
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.
Arrêtez donc le serveur et ouvrons un autre fichier.
Ouvrons l'indice du terrain de camping.
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.
Et si nous faisons cela maintenant, nous essayons de visiter ce formulaire de connexion.
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.
Mais nous ne sommes pas dans ce répertoire.
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.
Nous devons retourner un niveau, puis dans le répertoire de Parshall puis dans l'en-tête W.J. X-File.
Mais où nous sommes en ce moment sur notre formulaire de connexion nous ne sommes pas à l'intérieur d'un répertoire distinct.
Tout ce que nous avons à faire est dot slash Parshall de taille Parshall de nouveau redémarrer et rafraîchir.
Maintenant, nous arrivons à ce point ici.
Copions ceci pour enregistrer et le pied de page ainsi et nous enregistrerons et nous devrions maintenant avoir ces formes sur les deux.
Donc, je peux aller pour vous inscrire connectez-vous et si je clique sur déconnecter en ce moment, il me verrouiller.
Excellent.
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é.
Donc, en ce moment, je ne suis pas connecté.
Je ne pourrais pas voir cette forme du tout.
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.
Alors, faisons-le maintenant.
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é.
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.
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.
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.
Donc repos redirection slash log it et puis nous pouvons l'utiliser partout où nous voulons.
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.
Et dans notre cas va aller jusqu'à les commentaires, nous créons une nouvelle route commentaire qui montre le formulaire.
Il suffit de mettre cela là.
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é.
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é.
Ensuite, nous redirigons vers la barre oblique.
Prenons un coup, assurez-vous que nous n'avons pas d'erreurs de syntaxe.
Revenons ici et nous allons à la page d'accueil pour maintenant ou à la page de camping rafraîchir.
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.
Mais maintenant, si je me connecte, je ferai plusieurs fois et je me connecterai.
Je peux maintenant ajouter un commentaire si je retourne en arrière et cliquez sur ajouter un nouveau commentaire.
Je peux maintenant voir le formulaire ajouter un nouveau commentaire.
Excellent.
Il y a un petit problème, à savoir que nous ne protégeons pas la route qui ajoute le commentaire.
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.
En ce moment, nous cachons le formulaire à un utilisateur.
Nous ne laissons pas un utilisateur voir le formulaire.
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.
Et s'ils ne sont pas connectés, il suffit de rediriger vers la barre oblique de connexion comme nous l'avions auparavant.
Recommençons.
D'ACCORD.
Revenons aux terrains de camping sont frais.
OK maintenant, essayez d'ajouter un nouveau commentaire.
Je ne suis pas connecté.
C'est bon.
Mot de passe Severus maintenant.
Maintenant, nous allons ajouter un commentaire à nouveau.
Cette fois je vais dire que c'est super.
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.
Excellent.