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-howtoaddauthou
composer create-project --prefer-dist laravel/laravel htd-howtoaddauthou 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 :
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/uiLe package ui va s’installer tranquillement.
Ensuite, tu n’auras plus qu’à lancer une nouvelle commande artisan :
php artisan ui bootstrap --authSi tu es allergique à Bootstrap, tu peux le remplacer par « vue » comme ceci :
php artisan ui vue --authou encore par « react« , comme ceci :
php artisan ui react --authTu 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 :
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 devUne fois l’installation des dépendances terminées, tu obtiendras ce résultat :
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.
Je te propose de rejoindre ma formation qui parle exactement de cela !
Et comme je sais que tu es un lecteur assidu de ce blog, je t’offre 5% de réduction sur cette formation (avec le coupon ALDEW5).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 et avec le coupon ALDEW5, il te revient à 23,75€ pour plus de 4h de formation !
Alors à tout de suite de l’autre côté, je l’espère !
