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 :

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 :

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 :

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.