Avec la popularité des médias sociaux, de nombreux sites Web ont commencé à proposer des fonctionnalités de connexion sociale à leurs utilisateurs. La connexion sociale permet aux utilisateurs de se connecter à un site Web en utilisant leurs comptes de réseaux sociaux (tels que Facebook, Twitter ou Google+) sans avoir à créer un nouveau compte. Ceci est très pratique pour les utilisateurs et réduit les tracas et la perte de temps liés au processus d’inscription.
Afin de mettre en œuvre la fonction de connexion sociale, de nombreux sites Web utilisent le protocole d'authentification OAuth, qui est une norme d'autorisation sur le protocole HTTP. OAuth permet aux utilisateurs d'autoriser une application client à accéder à leurs ressources privées (telles que des profils, des images, etc.) stockées sur un autre site sans fournir leur nom d'utilisateur et leur mot de passe à l'application client. Si votre site Web est écrit en PHP, Laravel Socialite est un très bon choix pour implémenter la fonctionnalité de connexion sociale. Dans cet article, nous apprendrons comment utiliser Laravel Socialite pour intégrer Facebook afin d'implémenter la connexion OAuth.
- Créer une application Facebook
Tout d'abord, vous devez vous inscrire et créer une application dans Facebook Developer. Veuillez noter que vous devez vous connecter avec votre compte Facebook. Une fois que vous aurez créé votre application, vous obtiendrez l'identifiant et la clé secrète de votre application. Ces informations seront utilisées ultérieurement pour la configuration de Laravel Socialite.
- Installer Laravel Socialite
Pour utiliser Laravel Socialite, vous devez l'ajouter à votre fichier composer.json et utiliser la commande composer install pour l'installer . Ou utilisez simplement composer require overtrue/socialite directement.
- Configure Laravel Socialite
Dans le fichier config/services.php, vous devez ajouter les options suivantes pour Facebook :
'facebook' => [
'client_id' => env('FACEBOOK_CLIENT_ID'),
'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
'redirect' => 'http://localhost:8000/callback/facebook',
],
Copier après la connexion
# 🎜🎜 #Changez FACEBOOK_CLIENT_ID et FACEBOOK_CLIENT_SECRET par l'ID d'application et le secret que vous avez créés dans Facebook Developer. De plus, l'adresse de redirection après une autorisation réussie est spécifiée ici.
Créer une page de connexion Facebook
Ensuite, vous devez créer une page de connexion Facebook. Cette page doit contenir un lien qui mènera à la page d'autorisation de Facebook et demandera l'autorisation de l'utilisateur. Le lien peut être créé par :
<a href="{{ url('login/facebook') }}">使用 Facebook 登录</a>
Copier après la connexion
Celui-ci sera utilisé pour montrer à l'utilisateur un bouton de clic pour se connecter via Facebook.
Écrire un itinéraire de rappel
Une fois que Facebook aura terminé l'autorisation OAuth, l'utilisateur sera redirigé vers votre site Web et inclura un paramètre de code chaîne de requête. Laravel Socialite nécessite ce paramètre de code pour obtenir le jeton d'accès. Pour ce faire, vous devez créer une route de rappel pour Laravel Socialite :
Route::get('callback/facebook', 'AuthLoginController@handleFacebookCallback');
Copier après la connexion
Écrire un contrôleur de rappel
lorsque Facebook redirige l'utilisateur à vous Lors de l'exécution de votre application, vous devez gérer les rappels d'autorisation. Le rappel d'autorisation vous accordera le jeton d'accès. Avec Laravel Socialite, vous pouvez utiliser le code suivant dans votre contrôleur pour obtenir le jeton Facebook et les données d'authentification de l'utilisateur :
public function handleFacebookCallback()
{
$socialUser = Socialite::driver('facebook')->user();
dd($socialUser);
}
Copier après la connexion
Laravel Socialite gérera l'échange de jetons pour vous, vous n'avez donc pas à vous inquiéter . $socialUser est un objet contenant des données d'authentification sur l'utilisateur.
Intégrer les utilisateurs -
La dernière étape consiste à intégrer les utilisateurs et à créer ou mettre à jour leurs comptes dans votre application afin qu'ils puissent se connecter à votre site Web en utilisant Facebook.
Dans l'exemple ci-dessus, lorsque vous utilisez dd($socialUser) pour imprimer $user, vous verrez de nombreuses données contenant des détails sur l'utilisateur. Si vous souhaitez en savoir plus sur ces données, vous pouvez essayer cette démo dans votre console.
Vous pouvez utiliser ces données pour vérifier votre base de données et déterminer si un utilisateur a associé son compte à votre site. Sinon, vous pouvez créer un compte. S'il existe déjà, vous pouvez mettre à jour le compte.
Votre site Web est désormais prêt à utiliser l'intégration de Facebook pour la connexion OAuth.
Summary
Laravel Socialite rend la connexion OAuth très facile. En quelques étapes seulement, vous pouvez implémenter une fonctionnalité permettant aux utilisateurs de se connecter en utilisant l'authentification Facebook. Il s'agit d'une fonctionnalité très pratique car elle signifie que les utilisateurs peuvent éviter le processus d'inscription et que vous pouvez élargir votre base d'utilisateurs plus facilement.
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!