Catégories
Astuces Laravel

Comment mettre en place l’authentification avec Laravel ?

Quel est le sujet aujourd’hui ?

Salut, dans cette astuce, tu vas découvrir comment mettre en place l’authentification sur ta nouvelle installation Laravel en deux coups de cuillères à pot !

Nota : cet article est rédigé avec Laravel en version 7

Tu n’as pas de nouvelle installation de Laravel ?

Je t’encourage à aller voir ma formation gratuite sur le sujet 😉 Oui j’ai bien dit gratuite 😉

Sinon au choix dans ta ligne de commande tu peux lancer :

laravel new htd-howtoaddauth

ou

composer create-project --prefer-dist laravel/laravel  htd-howtoaddauth

ou utiliser Laragon pour cela.

Il ne faut pas oublier de mettre à jour le fichier .env, notamment pour la connexion à la base de données.

N’oublie pas de lancer la migration de ta base de données :

php artisan migrate

On peut vérifier d’ailleurs le status des migratuib avec la commande :

php artisan migrate:status

Voilà, normalement l’ensemble des prérequis sont en place à ce niveau.

Les prérequis => check !

Bon, tu as ta nouvelle installation de Laravel fonctionnelle qui tourne avec Laragon, Wamp, Xampp, Mamp ou sur ton serveur Linux. Parfait !

Lorsque tu te rends sur la page d’accueil de ton nouveau site, tu dois donc avoir une page qui ressemble à ceci :

Mettre en place l'authentification avec Laravel.

Comme tu peux le voir, tu ne vois pas les liens « login » et « register« . C’est ce que nous allons mettre en place.

Pour cela, on repasse par notre ligne de commande, on revêt notre tenue d’artisan, on s’échauffe bien les mains et tu vas taper d’une traite sans t’arrêter la commande suivante :

composer require laravel/ui

Le package ui va s’installer tranquillement.

Ensuite, tu n’auras plus qu’à lancer une nouvelle commande artisan :

php artisan ui bootstrap --auth

Si tu es allergique à Bootstrap, tu peux le remplacer par « vue » comme ceci :

php artisan ui vue --auth

ou encore par « react« , comme ceci :

php artisan ui react --auth

Tu pourras retrouver la syntaxe de ces commandes en utilisant l’aide intégrée via la commande :

php artisan ui --help

Admettons que tu as mis l’auth en place avec le preset Bootstrap

A présent, si tu te rends sur ta page d’accueil :

et tu peux voir que les liens « login » et « register » sont apparus :

Si tu cliques sur ces liens maintenant, tu verras que ce n’est pas très engageant :

Laravel authentification : La page de Login lorsque les dépendances ne sont pas installées
Laravel authentification : La page Register lorsque les dépendances ne sont pas installées

Pour rendre cela plus agréable à ta pupille délicate, il te suffit de lancer la commande suivante dans ton terminal :

npm install && npm run dev

Une fois l’installation des dépendances terminées, tu obtiendras ce résultat :

Laravel authentification : Le formulaire de Login avec le preset Bootstrap
Laravel authentification : Le formulaire Register avec le preset Bootstrap

Il ne te reste plus maintenant qu’à profiter de la possibilité de t’enregistrer ou te connecter à ton nouveau site !

Voilà, ce mini article astuce est à présent terminé.

A bientôt pour les prochains.

Aidez nous à nous améliorer en évaluant cet article :
[Total: 0 Moyenne: 0]
Tu souhaite créer ton premier site avec Laravel et comprendre comment fonctionne ce framework ?
Rejoins ma formation qui parle exactement de cela ! 😉
En tant que lecteur de ce blog, je t’offre + de 20% de réduction sur cette formation (avec le coupon ALDEW214) 🤑🤑.Tu hésites ? Je te comprends et je souhaite te préciser deux choses :

1. Mes élèves sont ma meilleure carte de visite :

Voici ce qu’ils pensent de cette formation

24/06/2020
Vraiment très bien conçu et dispensé. Le rythme est bon, clair, précis donc essentiel à une bonne compréhension. Les réponses aux questions sont dans le même esprit, donc … Un grand merci à Frédéric pour ce cours de qualité. Vivement le prochain !!

17/06/2020
Très bon cours ! Clair même pour un débutant (qui a des bases quand même). Formateur sympa 😉 vivement d’autre cours.

Retrouve tous les avis, sur la page de la formation 😉

2. Le prix est vraiment mini !
Le cours est à 25€ en prix normal.

Mais avec le coupon ALDEW214, il te revient à 19,90€ pour plus de 4h de formation 🤑🤑🤑 !

Alors à tout de suite de l’autre côté, je l’espère !


Par HappyToDev

Absolument passionné depuis toujours par l'informatique et la programmation, je souhaite via ce blog vous faire passer un peu du savoir que j'ai accumulé depuis des années.
Et même, pourquoi pas, vous aider à faire le premier pas dans le développement web.

Vous êtes prêts ?
Alors allons y ensemble et n'oubliez pas que les débutants sont vraiment les bienvenus.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.