Développement Laravel : Comment utiliser Laravel Socialite pour implémenter la connexion Github ?

À l'ère d'Internet d'aujourd'hui, la connexion des utilisateurs est devenue quelque chose que la plupart des applications Web doivent prendre en compte. Cela signifie également que les applications Web doivent fournir aux utilisateurs plusieurs méthodes de connexion facultatives pour réduire les difficultés de connexion des utilisateurs et optimiser l'expérience utilisateur.

En tant que l'un des frameworks PHP les plus populaires actuellement, Laravel fournit des moyens très pratiques de mettre en œuvre l'authentification des utilisateurs. Laravel Socialite est une solution d'authentification des utilisateurs très puissante qui permet aux applications d'utiliser des plates-formes tierces comme fournisseur d'authentification.

Dans cet article, nous présenterons comment utiliser Laravel Socialite pour implémenter la fonction de connexion Github. Adoptons une approche étape par étape pour atteindre cet objectif.

Étape 1 : Créer une application Github

Avant de commencer cet article, vous devez d'abord vous inscrire et créer un compte Github, puis créer une application OAuth dans Github. Le processus de création d'une application est relativement simple, suivez simplement les étapes suivantes :

1. Connectez-vous à votre compte Github et créez une nouvelle application OAuth dans les paramètres Github -> Page des applications OAuth

2. Remplir dans l'application dans la première partie Nom, URL de la page d'accueil et URL de rappel

   L'URL de rappel est l'adresse du site Web renvoyée après une connexion réussie. Elle doit être définie dans l'arrière-plan du site Web Laravel

3. Le client_id et le client_secret de l'application Github seront. affiché sur la page renvoyée après la soumission du formulaire. client_id sera utilisé pour configurer le pilote Github de Laravel Socialite.

Étape 2 : Installer Laravel Socialite

L'installation de Laravel Socialite peut être facilement effectuée via Composer. Entrez simplement les instructions suivantes dans la ligne de commande du répertoire du projet :

composer require laravel/socialite

Étape 3 : Configurer le fournisseur de services et la référence de façade

Ouvrez le fichier de configuration config/app.php, recherchez le tableau des fournisseurs et le tableau des alias, et ajoutez le Socialite Les références au fournisseur de services et à la façade sont ajoutées aux tableaux correspondants.

'providers' => [
    // Other service providers...

    LaravelSocialiteSocialiteServiceProvider::class,
],

'aliases' => [
    // Other aliases...

    'Socialite' => LaravelSocialiteFacadesSocialite::class,
],

Étape 4 : Définir la configuration du pilote Github

Ajoutez la configuration suivante dans le fichier de configuration config/services.php :

'github' => [
    'client_id' => env('GITHUB_CLIENT_ID'),
    'client_secret' => env('GITHUB_CLIENT_SECRET'),
    'redirect' => env('GITHUB_REDIRECT'),
],

Étape 5 : Définir le lien de connexion Github

Ouvrez le fichier de modèle de lame de la page de connexion et ajoutez le code suivant :

<a href="{{ url('auth/github') }}" class="btn btn-github"><i class="fa fa-github"></i> Github 登录</a>

Cela créera un lien qui mènera à la page de connexion de Github en accédant à /auth/github.

Étape 6 : Définissez la fonction de rappel de Github

Ouvrez la page URL de rappel lorsque nous nous sommes inscrits dans Github et récupérez le paramètre de code dans le lien, et ajoutez le code suivant dans la route Laravel :

Route::get('auth/github/callback', function () {
    $user = Socialite::driver('github')->user();

    // 如果在本地没有找到该用户，则创建新用户
    $existingUser = User::where('email', $user->getEmail())->first();
    if ($existingUser) {
        auth()->login($existingUser, true);
    } else {
        $newUser                  = new User;
        $newUser->name            = $user->getNickname();
        $newUser->email           = $user->getEmail();
        $newUser->github_id       = $user->getId();
        $newUser->avatar          = $user->getAvatar();
        $newUser->provider        = 'github';
        $newUser->save();
        auth()->login($newUser, true);
    }

    return redirect()->to('/home');
});

Il convient de noter ici que nous avons besoin de sauvegarder github_id dans la base de données pour la vérification de la connexion si nécessaire, et également de sauvegarder le surnom et l'avatar de l'utilisateur pour un affichage facile.

Étape 7 : Créez le fichier .env

Ouvrez le fichier .env dans le répertoire racine du projet et ajoutez la configuration suivante liée à Github :

GITHUB_CLIENT_ID=your-github-client-id-here
GITHUB_CLIENT_SECRET=your-github-client-secret-here
GITHUB_REDIRECT=http://localhost:8000/auth/github/callback

Dans la configuration ci-dessus, vous devez remplacer your-github-client-id-here 和 your-github-client-secret-here par le client_id et le client_secret que vous avez obtenus de Github. La valeur de GITHUB_REDIRECT doit être le paramètre URI de redirection lors de l'enregistrement de l'application sur Github.

D'accord, vous pouvez maintenant essayer de vous connecter avec Github pour tester votre application. Lorsque vous visitez /auth/github, vous devriez être redirigé vers la page de connexion de Github. Après avoir entré votre compte Github, vous devriez être redirigé vers l'adresse que vous avez spécifiée via l'URI de rappel.

L'utilisation de Laravel Socialite est en effet un moyen rapide et simple d'obtenir une authentification, et il prend également en charge de nombreux autres fournisseurs de services d'authentification de compte, tels que Facebook, Twitter, Google, etc. Des méthodes de connexion tierces confortables et efficaces peuvent améliorer considérablement l’expérience utilisateur, et l’ajout de plusieurs méthodes de connexion aux applications Web est progressivement devenu une nécessité. Par rapport à la mise en œuvre d'un système d'authentification indépendant, l'utilisation de Laravel Socialite peut utiliser les excellents fournisseurs de services d'authentification existants pour simplifier la mise en œuvre de solutions d'authentification d'identité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!