Authentification utilisant Laravel Breeze

L'authentification et l'autorisation sont des parties obligatoires de toute application Web. Laravel Breeze est l'un d'entre eux, ce qui est simple et plus léger que les autres paquets. Il est développé par le style CSS Blade et Tailwind. Les contrôleurs, les vues et les itinéraires de l'authentification publiés par ce package peuvent être facilement personnalisés par le développeur en fonction des exigences de l'application. Les façons d'installer Laravel Breeze et de mettre en œuvre un système d'authentification simple pour le projet Laravel ont été montrés dans ce tutoriel.

Conditions préalables:

Vous devez effectuer les tâches suivantes avant de commencer les étapes de ce tutoriel.

1. Créer un nouveau projet Laravel nommé biseproject. Ici le compositeur a été utilisé pour créer le projet Laravel. Si la compositeur n'est pas installé auparavant, alors vous devez l'installer avant d'exécuter la commande suivante.

   $ Composer Create-Project Laravel / Laravel Breezeproject

2. Allez dans le dossier du projet.

   $ CD Breezeproject

3. Toutes les étapes de ce tutoriel ont été testées dans Laravel version 9+. Alors, vérifiez la version installée du projet Laravel.

   $ php artisan --version

4. Vous aurez besoin NPM Pour installer la brise Laravel. Si la NPM n'est pas installé auparavant, puis exécutez la commande suivante pour installer le NPM.

   $ sudo apt install npm

Configurer la base de données:

Vous devez créer une base de données MySQL pour implémenter l'authentification à l'aide de Laravel Breeze. Effectuez les tâches suivantes pour créer une base de données et configurez la base de données du projet Laravel.

1. Connectez-vous au serveur MySQL et exécutez la commande SQL suivante pour créer une base de données nommée db_breeze de l'invite mysql. MySQL> Créer une base de données db_breeze;
2. Ouvrir le .env Fichier du projet Laravel et initialisez les valeurs des informations suivantes en fonction de la base de données. Db_connection = mysql
   Db_host = localhost
   Db_port = 3306
   Db_database = db_breeze
   Db_username = 'nom d'utilisateur'
   Db_password = 'mot de passe'
3. Le utilisateurs La table nécessitera la mise en œuvre du système d'authentification dans le projet Laravel. Le fichier de migration du utilisateurs le tableau créé au moment de la création de projet Laravel est stocké dans le base de données / migration dossier. Vous n'avez donc pas besoin de créer le fichier de migration pour le utilisateurs tableau. Exécutez ce qui suit émigrer commande pour créer le utilisateurs table dans la base de données.

   $ php artisan migrer

Installer Laravel Breeze:

Exécutez la commande Composer suivante pour télécharger l'échafaudage Auth du package Laravel Breeze.

$ compositeur a besoin de Laravel / Breeze --Dev

Exécutez la commande suivante pour installer un échafaudage authentique simple de Laravel Breeze.

$ php artisan brise: installer

Le message suivant apparaîtra si l'échafaudage Laravel Breeze est installé avec succès.

Exécutez la commande NPM suivante pour créer les actifs nécessaires pour implémenter un système d'authentification simple pour le projet Laravel.

$ npm install && npm run dev

Le message suivant apparaîtra après avoir exécuté la commande ci-dessus avec succès.

Breeze Authentication Itinérations:

Les informations d'itinéraire de l'authentification Laravel Breeze seront ajoutées dans le Routes / Web.php fichier si la brise Laravel est installée correctement. Si vous ouvrez le Web.Fichier PHP, vous obtiendrez la ligne suivante pour l'authentification Laravel Breeze.

exiger __dir__.'/ Auth.php ';

Vérifiez l'authentification de la brise:

Le contrôleur et les fichiers de vue nécessaires seront créés automatiquement après l'installation du package de brise. Maintenant, exécutez la commande suivante pour vérifier si l'authentification Breeze fonctionne correctement.

$ php artisan Serve

Le serveur de développement Laravel commence au port du port 8000 par défaut. Ouvrez le navigateur et allez à l'URL suivante.

http: // 127.0.0.1: 8000

Les informations suivantes apparaîtront si l'authentification de la brise est mise en œuvre avec succès. UN Enregistrer dans et Enregistrer Les liens apparaîtront sur le côté droit de la page.

Le formulaire d'inscription suivant apparaîtra après avoir cliqué sur le Enregistrer lien. Le formulaire contient quatre champs pour l'enregistrement de l'utilisateur. Si vous souhaitez modifier les champs du formulaire d'enregistrement, vous devez modifier le fichier de migration pour le tableau des utilisateurs avant d'exécuter la commande Migrate et les contrôleurs et les fichiers nécessaires de l'authentification. Le Déjà enregistré? Un lien est ajouté dans le formulaire pour ouvrir le Connexion formulaire si l'utilisateur a un compte existant. Remplissez le formulaire avec les données valides et cliquez sur le ENREGISTRER bouton pour créer un nouveau compte utilisateur.

La page suivante apparaîtra si le nouveau compte utilisateur est créé avec succès. C'est un tableau de bord très simple pour l'utilisateur connecté. Le codeur peut ajouter le contenu nécessaire à cette page en fonction des exigences du projet. L'utilisateur peut être déconnecté en cliquant sur l'option de connexion qui existe sous le nom de l'utilisateur.

Après avoir créé un nouveau compte utilisateur à l'aide du formulaire d'enregistrement, ouvrez le tableau de l'utilisateur à partir de la base de données pour vérifier que les nouvelles informations utilisateur sont ajoutées au tableau ou non. Vous obtiendrez l'entrée du nouveau compte utilisateur dans le utilisateurs table comme l'image suivante si l'enregistrement est terminé avec succès. Le mot de passe de l'utilisateur a été crypté avant d'insérer dans la base de données pour la sécurité.

Le formulaire de connexion suivant apparaîtra si l'utilisateur clique sur le Connexion lier ou déconnecter à partir du compte existant. L'utilisateur existant peut se connecter en fournissant une adresse e-mail et un mot de passe valides avant de soumettre la connexion bouton. L'option Remember Me a été ajoutée dans le formulaire pour stocker les informations de connexion pour une utilisation future. Le lien, Mot de passe oublié? a été ajouté dans le formulaire pour récupérer le mot de passe si l'utilisateur a oublié son mot de passe et n'est pas en mesure de se connecter dans le système. Un tableau de bord comme l'image ci-dessus apparaît si l'utilisateur peut se connecter avec succès au système.

Conclusion:

Laravel Breeze est une bonne option pour implémenter un système d'authentification simple pour le projet Laravel. Le codeur peut ajouter le menu requis ou d'autres contenus dans le tableau de bord en fonction de l'exigence du projet après l'installation de ce package. Laravel propose de nombreux packages différents pour la mise en œuvre d'authentification avec de nombreuses fonctionnalités intégrées. Vous pouvez également essayer ces packages.