{"id":25758,"date":"2021-06-12T17:18:00","date_gmt":"2021-06-12T14:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25758"},"modified":"2021-10-18T02:05:00","modified_gmt":"2021-10-17T23:05:00","slug":"connexion-google-dans-laravel-en-utilisant-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/connexion-google-dans-laravel-en-utilisant-laravel-socialite\/","title":{"rendered":"Connexion Google dans Laravel en utilisant Laravel Socialite"},"content":{"rendered":"

R\u00e9cemment, j’ai publi\u00e9 un article Login with LinkedIn Using Laravel Socialite<\/a> et l’un de nos lecteurs a pos\u00e9 des questions sur l’int\u00e9gration de Google Login dans Laravel. La connexion Google est \u00e9galement l’une des plates-formes populaires utilis\u00e9es pour la connexion sociale sur le site Web.<\/p>\n

Lorsque vous autorisez les utilisateurs \u00e0 se connecter avec leur profil social sur votre site Web, vous ignorez le processus de validation de leur e-mail. Vos utilisateurs n’ont pas besoin de suivre un processus d’activation par e-mail. Nous pouvons nous appuyer sur les sites sociaux car ils ont d\u00e9j\u00e0 valid\u00e9 les utilisateurs sur leur plateforme. Il offre une meilleure exp\u00e9rience utilisateur \u00e0 vos utilisateurs car ils n’ont pas besoin de se souvenir de leurs identifiants de connexion pour votre site Web et vous \u00e9vite \u00e9galement d’ajouter les codes pour le flux de v\u00e9rification. C’est une situation gagnant-gagnant.<\/p>\n

Dans cet article, nous \u00e9tudions un guide \u00e9tape par \u00e9tape sur l’ajout de Google Login dans Laravel \u00e0 l’aide de Laravel Socialite. Laravel socialite g\u00e8re le flux OAuth pour la connexion sociale dans les coulisses. Ce package acc\u00e9l\u00e8re le processus d’int\u00e9gration de la connexion sociale sur Laravel.<\/p>\n

Pour ce tutoriel, j’utiliserai une nouvelle installation de Laravel, alors ex\u00e9cutez la commande ci-dessous qui installera Laravel pour vous\u00a0:<\/p>\n

composer create-project --prefer-dist laravel\/laravel googlelogin<\/code><\/pre>\n
Lors de l’installation de Laravel, cr\u00e9ez une base de donn\u00e9es et ajoutez vos informations d’identification de base de donn\u00e9es dans le .env<\/code>fichier. Au fur et \u00e0 mesure que nous ajoutons la connexion sociale dans l’application, j’ajouterai 2 colonnes suppl\u00e9mentaires au fichier de migration des utilisateurs par d\u00e9faut et j’ai l\u00e9g\u00e8rement modifi\u00e9 son code.<\/p>\n
Ouvrez le fichier de migration de votre utilisateur et ajoutez le code ci-dessous \u00e0 la up<\/code>m\u00e9thode.<\/p>\n
\/**\n\u00a0* Run the migrations.\n\u00a0*\n\u00a0* @return void\n\u00a0*\/\npublic function up()\n{\n\u00a0\u00a0\u00a0\u00a0Schema::create('users', function (Blueprint $table) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->bigIncrements('id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('name');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('email')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->timestamp('email_verified_at')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('password')->nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('provider');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->string('provider_id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->rememberToken();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->timestamps();\n\u00a0\u00a0\u00a0\u00a0});\n}<\/code><\/pre>\n
Dans le code ci-dessus, j’ai ajout\u00e9 2 colonnes provider<\/code>et provider_id<\/code>qui contiendront respectivement les valeurs ‘google’ et l’identifiant de profil Google de l’utilisateur. Cr\u00e9ez la table ‘users’ en ex\u00e9cutant la commande migrate.<\/p>\n
php artisan migrate<\/code><\/pre>\n
Vous devez \u00e9galement ajouter ces 2 colonnes au mod\u00e8le User.<\/p>\n
app\/Utilisateur.php<\/strong><\/p>\n
\/**\n\u00a0* The attributes that are mass assignable.\n\u00a0*\n\u00a0* @var array\n\u00a0*\/\nprotected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Cr\u00e9ez une application Google et obtenez vos informations d’identification<\/h3>\n
Ensuite, nous devons cr\u00e9er un projet sur la console des API Google. Nous aurons besoin de l’ID client et du secret client de l’application pour terminer le processus OAuth pour les utilisateurs.<\/p>\n
Suivez les \u00e9tapes ci-dessous pour cr\u00e9er un projet Google et obtenir les informations d’identification. Pour le tutoriel, j’utilise l’URL du serveur local. Vous pouvez ajuster cette URL selon vos besoins.<\/p>\n