Développement Laravel : Comment implémenter la connexion sociale à l'aide de Laravel Socialite ?

À l’ère actuelle des réseaux sociaux, qui se développent de plus en plus, la connexion sociale est devenue une fonctionnalité standard sur de plus en plus de sites Web. Cela permet non seulement aux utilisateurs de se connecter rapidement, mais aide également le site Web à augmenter le trafic des utilisateurs et les interactions sociales. Bien qu'il ne soit pas difficile de mettre en œuvre vous-même la connexion sociale, l'utilisation de composants de connexion sociale prêts à l'emploi peut permettre d'économiser du temps et des efforts. Dans le développement PHP, Laravel Socialite est un composant de connexion sociale facile à utiliser. Voyons comment l'utiliser pour implémenter la connexion sociale.

1. Installez Laravel Socialite

Nous devons d'abord installer le package Socialite dans l'application Laravel, utilisez la commande suivante :

composer require laravel /socialitecomposer require laravel/socialite

安装完成之后，在 config/app.php 文件中添加 Socialite 服务提供器：

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

    LaravelSocialiteSocialiteServiceProvider::class,
]

然后在 config/app.php 文件中添加 Socialite 门面别名：

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

    'Socialite' => LaravelSocialiteFacadesSocialite::class,
]

这样我们就成功安装了 Socialite 组件。

二、创建社交登录应用

Socialite 可以支持许多不同的社交登录应用，我们需要为每个应用创建一个应用程序。下面以 GitHub 为例演示在 GitHub 上创建一个新的 OAuth 应用。

1. 首先，登录你的 GitHub 账户，在头像下拉菜单中选择 Settings->Developer settings->OAuth Apps 进入 OAuth Apps 页面。

4c9445fc537046e0a1fee66c02b2052c

2. 点击 New OAuth App 按钮，填入以下信息：

• Application name：应用程序名称；
• Homepage URL：应用程序主页的 URL；
• Authorization callback URL：社交登录认证成功后的回调 URL。

填写完成后点击 Register application 按钮。

2be3281443d79c148a2ccf1c82e49284

3. 生成应用程序的 Client ID 和 Client Secret。

f80b2d685844d774c0300217a7821f1e

三、实现社交登录

1. 首先，在应用程序的登录页面中添加社交登录按钮，并将其链接到 Socialite 的 GitHub 认证服务中：

<a href="{{ url('/auth/github') }}">使用GitHub登录</a>

2. 在 Laravel 中创建 GitHub 登录路由。打开 routes/web.php 文件并添加以下路由定义：

Route::get('auth/github', 'AuthLoginController@redirectToProvider');
Route::get('auth/github/callback', 'AuthLoginController@handleProviderCallback');

这里要求我们通过 redirectToProvider 将用户重定向到 GitHub 认证服务，并在那里完成登录认证。当认证成功后，GitHub 认证服务将重定向到指定的回调 URL auth/github/callback，并通过该 URL 在 Session 中传递认证成功的用户信息。

3. 构建 redirectToProvider 函数。打开 app/Http/Controllers/Auth/LoginController.php 文件，并添加以下实现方式：

namespace AppHttpControllersAuth;

use IlluminateHttpRequest;
use AppHttpControllersController;
use Socialite;

class LoginController extends Controller
{
    // ...
    public function redirectToProvider()
    {
        return Socialite::driver('github')->redirect();
    }
    // ...
}

我们调用 Socialite 中的 driver() 方法来获取 GitHub 认证驱动程序的实例，并使用 redirect() 方法将用户重定向到登录认证服务。

4. 接下来，我们将在 handleProviderCallback 方法中处理认证成功后的回调。打开 app/Http/Controllers/Auth/LoginController.php 文件，并添加以下方法：

// ...
public function handleProviderCallback()
{
    try {
        $user = Socialite::driver('github')->user();
    } catch (Exception $e) {
        return redirect('/login');
    }

    // 验证用户信息并完成登录，代码省略
    // ...
}
// ...

我们使用 Socialite 中的 user() 方法获取 GitHub 认证服务返回的用户信息。如果在认证过程中有任何错误，我们将重定向用户到应用程序的登录页面。如果认证成功，则可以使用 $user

Une fois l'installation terminée, ajoutez le fournisseur de services Socialite dans le fichier config/app.php :

rrreee# 🎜🎜# Puis dans Ajouter l'alias de façade Socialite au fichier config/app.php :

rrreee

De cette façon, nous avons réussi à installer le composant Socialite.

#🎜🎜# 2. Créez une application de connexion sociale #🎜🎜##🎜🎜#Socialite peut prendre en charge de nombreuses applications de connexion sociale différentes, et nous devons créer une application pour chaque application. Ce qui suit utilise GitHub comme exemple pour démontrer la création d'une nouvelle application OAuth sur GitHub. #🎜🎜#

1. Tout d'abord, connectez-vous à votre compte GitHub, sélectionnez Paramètres->Paramètres du développeur->Applications OAuth dans le menu déroulant de l'avatar pour accéder à la page Applications OAuth.

#🎜🎜#030de7539521f967a0930f7e8fe6c212#🎜🎜#

Cliquez sur le bouton Nouvelle application OAuth et remplissez les informations suivantes :

• Nom de l'application : nom de l'application
• URL de la page d'accueil : l'URL de la page d'accueil de l'application ;
• URL de rappel d'autorisation : l'URL de rappel après une authentification de connexion sociale réussie.

#🎜🎜#Après avoir terminé le remplissage, cliquez sur le bouton Enregistrer la candidature. #🎜🎜##🎜🎜#7e7748ab6b0dec43e80d953a3c73e418#🎜🎜#

3. Générer l'ID client et le secret client de l'application.

#🎜🎜#5c569b628954eefe2397bf53696f788b#🎜🎜## 🎜🎜#3. Implémenter la connexion sociale#🎜🎜#

1. Tout d'abord, ajoutez un bouton de connexion sociale à la page de connexion de l'application et associez-le au service d'authentification GitHub de Socialite :
ol>rrreee
2. Créer une route de connexion GitHub dans Laravel. Ouvrez le fichier routes/web.php et ajoutez la définition de route suivante :
rrreee#🎜🎜#Ici, on nous demande de rediriger l'utilisateur vers via redirectToProvider Service d'authentification GitHub et complétez l'authentification de connexion ici. Une fois l'authentification réussie, le service d'authentification GitHub redirigera vers l'URL de rappel spécifiée <code>auth/github/callback et transmettra les informations utilisateur authentifiées avec succès dans la session via cette URL. #🎜🎜#
3. Créez la fonction redirectToProvider. Ouvrez le fichier app/Http/Controllers/Auth/LoginController.php et ajoutez l'implémentation suivante :
rrreee#🎜🎜#We call Socialite La méthode driver() dans le pilote d'authentification GitHub est utilisée pour obtenir une instance du pilote d'authentification GitHub, et la méthode redirect() est utilisée pour rediriger l'utilisateur vers le service d'authentification de connexion. #🎜🎜#
4. Ensuite, nous gérerons le rappel après une authentification réussie dans la méthode handleProviderCallback. Ouvrez le fichier app/Http/Controllers/Auth/LoginController.php et ajoutez la méthode suivante :
rrreee#🎜🎜#Nous utilisons Socialite La méthode user() obtient les informations utilisateur renvoyées par le service d'authentification GitHub. S'il y a des erreurs lors du processus d'authentification, nous redirigerons l'utilisateur vers la page de connexion de l'application. Si l'authentification réussit, les informations contenues dans l'objet $user peuvent être utilisées pour authentifier l'utilisateur et terminer l'opération de connexion. #🎜🎜##🎜🎜#4. Résumé#🎜🎜##🎜🎜#À ce stade, nous avons terminé le processus d'utilisation de Laravel Socialite pour implémenter la connexion sociale GitHub. Grâce à une configuration simple et au code nécessaire, nous pouvons facilement implémenter plusieurs méthodes de connexion sociale, en ajoutant quelques fonctionnalités petites mais utiles à l'application, dont l'utilisation est recommandée dans des projets réels. #🎜🎜#

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!