{"id":25695,"date":"2021-06-12T17:01:00","date_gmt":"2021-06-12T14:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25695"},"modified":"2021-10-18T02:30:13","modified_gmt":"2021-10-17T23:30:13","slug":"google-login-in-laravel-mit-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/google-login-in-laravel-mit-laravel-socialite\/","title":{"rendered":"Google-Login in Laravel mit Laravel Socialite"},"content":{"rendered":"

Vor kurzem habe ich einen Artikel Login with LinkedIn Using Laravel Socialite ver\u00f6ffentlicht<\/a> und einer unserer Leser fragte nach der Integration von Google Login in Laravel. Die Google-Anmeldung ist auch eine der beliebtesten Plattformen f\u00fcr die Anmeldung in sozialen Netzwerken auf der Website.<\/p>\n

Wenn Sie Benutzern erlauben, sich mit ihrem sozialen Profil auf Ihrer Website anzumelden, \u00fcberspringen Sie den Vorgang der Validierung ihrer E-Mail. Ihre Benutzer m\u00fcssen keinen E-Mail-Aktivierungsprozess durchlaufen. Wir k\u00f6nnen uns auf soziale Websites verlassen, da sie bereits Benutzer auf ihrer Plattform validiert haben. Es bietet Ihren Benutzern eine bessere Benutzererfahrung, da sie sich ihre Anmeldeinformationen f\u00fcr Ihre Website nicht merken m\u00fcssen und Sie auch die Codes f\u00fcr den Best\u00e4tigungsablauf nicht hinzuf\u00fcgen m\u00fcssen. Es ist eine Win-Win-Situation.<\/p>\n

In diesem Artikel studieren wir Schritt f\u00fcr Schritt die Anleitung zum Hinzuf\u00fcgen von Google Login in Laravel mit Laravel Socialite. Laravel Socialite verarbeitet den OAuth-Flow f\u00fcr die soziale Anmeldung hinter den Kulissen. Dieses Paket beschleunigt den Prozess der Integration von Social Login auf Laravel.<\/p>\n

F\u00fcr dieses Tutorial verwende ich eine frische Laravel-Installation, also f\u00fchren Sie den folgenden Befehl aus, der Laravel f\u00fcr Sie installiert:<\/p>\n

composer create-project --prefer-dist laravel\/laravel googlelogin<\/code><\/pre>\n
Erstellen Sie nach der Installation von Laravel eine Datenbank und f\u00fcgen Sie Ihre Datenbankanmeldeinformationen in die .env<\/code>Datei ein. Da wir der Anwendung Social Login hinzuf\u00fcgen, werde ich der Standardbenutzermigrationsdatei 2 weitere Spalten hinzuf\u00fcgen und den Code ein wenig \u00e4ndern.<\/p>\n
\u00d6ffnen Sie die Migrationsdatei Ihres Benutzers und f\u00fcgen Sie den folgenden Code zur up<\/code>Methode hinzu.<\/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
In dem obigen Code habe ich zwei Spalten hinzugef\u00fcgt provider<\/code>und provider_id<\/code>die die Werte \u201aGoogle‘ und Benutzer-Google – Profil – ID bzw. halten. Erstellen Sie die Tabelle ‚users‘, indem Sie den Befehl migration ausf\u00fchren.<\/p>\n
php artisan migrate<\/code><\/pre>\n
Sie m\u00fcssen diese beiden Spalten auch zum Benutzermodell hinzuf\u00fcgen.<\/p>\n
app\/User.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
Erstellen Sie eine Google-Anwendung und erhalten Sie Ihre Anmeldeinformationen<\/h3>\n
Als N\u00e4chstes m\u00fcssen wir ein Projekt in der Google APIs-Konsole erstellen. Wir ben\u00f6tigen die Client-ID und das Client-Geheimnis der Anwendung, um den OAuth-Prozess f\u00fcr die Benutzer abzuschlie\u00dfen.<\/p>\n
F\u00fchren Sie die folgenden Schritte aus, um ein Google-Projekt zu erstellen und die Anmeldeinformationen abzurufen. F\u00fcr das Tutorial verwende ich die lokale Server-URL. Sie k\u00f6nnen diese URL Ihren Anforderungen entsprechend anpassen.<\/p>\n