{"id":26120,"date":"2021-06-12T16:55:00","date_gmt":"2021-06-12T13:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26120"},"modified":"2021-10-18T03:01:27","modified_gmt":"2021-10-18T00:01:27","slug":"accedi-a-google-in-laravel-utilizzando-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/accedi-a-google-in-laravel-utilizzando-laravel-socialite\/","title":{"rendered":"Accedi a Google in Laravel utilizzando Laravel Socialite"},"content":{"rendered":"

Recentemente ho pubblicato un articolo Accedi con LinkedIn utilizzando Laravel Socialite<\/a> e uno dei nostri lettori ha chiesto informazioni sull’integrazione di Google Login in Laravel. L’accesso a Google \u00e8 anche una delle piattaforme popolari utilizzate per l’accesso social sul sito web.<\/p>\n

Quando consenti agli utenti di accedere con il loro profilo social sul tuo sito web, salti il \u200b\u200bprocesso di convalida della loro email. I tuoi utenti non devono seguire un processo di attivazione e-mail. Possiamo fare affidamento sui siti social poich\u00e9 hanno gi\u00e0 convalidato gli utenti sulla loro piattaforma. Offre una migliore esperienza utente per i tuoi utenti in quanto non hanno bisogno di ricordare le loro credenziali di accesso per il tuo sito Web e ti evita anche di aggiungere i codici per il flusso di verifica. \u00c8 una situazione vantaggiosa per tutti.<\/p>\n

In questo articolo, studiamo la guida passo passo sull’aggiunta di Google Login in Laravel utilizzando Laravel Socialite. Laravel socialite gestisce il flusso OAuth per l’accesso social dietro le quinte. Questo pacchetto accelera il processo di integrazione dell’accesso social su Laravel.<\/p>\n

Per questo tutorial, user\u00f2 una nuova installazione di Laravel, quindi esegui il comando seguente che installer\u00e0 Laravel per te:<\/p>\n

composer create-project --prefer-dist laravel\/laravel googlelogin<\/code><\/pre>\n
Dopo l’installazione di Laravel, crea un database e aggiungi le credenziali del database nel .env<\/code>file. Poich\u00e9 stiamo aggiungendo l’accesso social nell’applicazione, aggiunger\u00f2 altre 2 colonne al file di migrazione utente predefinito e ne modificher\u00f2 un po’ il codice.<\/p>\n
Apri il file di migrazione dell’utente e aggiungi il codice seguente al up<\/code>metodo.<\/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
Nel codice sopra ho aggiunto 2 colonne provider<\/code>e provider_id<\/code>che conterranno rispettivamente i valori "google" e l’ID profilo Google dell’utente. Crea la tabella "utenti" eseguendo il comando migrate.<\/p>\n
php artisan migrate<\/code><\/pre>\n
\u00c8 inoltre necessario aggiungere queste 2 colonne al modello Utente.<\/p>\n
app\/Utente.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
Crea un’applicazione Google e ottieni le tue credenziali<\/h3>\n
Successivamente, dobbiamo creare un progetto sulla console delle API di Google. Richiederemo l’ID client e il segreto client dell’applicazione per completare il processo OAuth per gli utenti.<\/p>\n
Segui i passaggi seguenti per creare un progetto Google e ottenere le credenziali. Per motivi di tutorial, sto utilizzando l’URL del server locale. Puoi modificare questo URL in base alle tue esigenze.<\/p>\n