{"id":23305,"date":"2021-04-27T13:33:00","date_gmt":"2021-04-27T10:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23305"},"modified":"2021-10-18T03:22:41","modified_gmt":"2021-10-18T00:22:41","slug":"sistema-di-accesso-social-utilizzando-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/sistema-di-accesso-social-utilizzando-laravel-socialite\/","title":{"rendered":"Sistema di accesso social utilizzando Laravel Socialite"},"content":{"rendered":"

Credito: questo articolo \u00e8 ispirato a questo post Laravel Social Authentication with Socialite<\/a><\/p>\n

Stai cercando di implementare il sistema di accesso social nel tuo sito web Laravel? Consentendo l’accesso social, i tuoi utenti non devono registrarsi sul tuo sito web. Ci fa anche risparmiare molto lavoro come l’invio di link di attivazione, verifica dell’account e-mail. In questo articolo, studiamo come aggiungere il sistema di accesso social usando Laravel socialite.<\/p>\n

La<\/a> libreria Laravel Socialite<\/a> fornisce l’autenticazione OAuth con Facebook, Twitter, Google, LinkedIn, GitHub e Bitbucket. Quello che dobbiamo fare \u00e8 installare questa libreria nel nostro sito Web Laravel, configurarla, ottenere le chiavi API da un sito social e siamo a posto.<\/p>\n

\"Sistema<\/a><\/p>\n

Crea tabella utenti<\/h3>\n

Per implementare il sistema di accesso social, \u00e8 necessario creare una tabella utenti che memorizzer\u00e0 i dettagli forniti dal sito social.<\/p>\n

Se hai una nuova installazione di Laravel, apri lo strumento da riga di comando nella directory principale di un progetto ed esegui il comando php artisan make:auth<\/code>. Questo comando creer\u00e0 controller di autenticazione come LoginController, RegisterController, ecc. che si trovano nella directory app\/Http\/Controllers\/Auth. Crea anche una vista login.blade.php, register.blade.php nella directory resource\/view\/auth.<\/p>\n

Quindi, apri la tabella Migrazione per utenti. Modificheremo questa migrazione predefinita e aggiungeremo altre due colonne denominate provider e provider_id.<\/p>\n

public function up()\n{\n\u00a0\u00a0\u00a0\u00a0Schema::create('users', function (Blueprint $table) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table->increments('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->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
Come vedi, impostiamo le colonne email e password su nullable. Perch\u00e9? Quando utilizziamo l’autenticazione dell’accesso social non vi \u00e8 alcuna garanzia di ottenere un ID e-mail di un utente. E anche la password non \u00e8 necessaria in questo caso. Quindi manteniamo email e password annullabili. Il provider della colonna memorizzer\u00e0 il nome del sito social come facebook, twitter, ecc. La colonna provider_id memorizzer\u00e0 l’id social di un utente relativo al sito social.<\/p>\n
Dopo aver modificato la migrazione dell’utente come sopra, esegui il comando php artisan migrate<\/code>. Creer\u00e0 una tabella chiamata "utenti" nel tuo database.<\/p>\n
Probabilmente, durante l’esecuzione del comando di migrazione otterrai qualche strano errore relativo alla lunghezza dei caratteri. In tal caso, apri il file AppServiceProvider.php dalla directory app\/Providers. In questo file, \u00e8 necessario impostare la lunghezza della stringa predefinita per le colonne della tabella di un database.<\/p>\n
File AppServiceProvider.php<\/p>\n
<?php\n\u00a0\nnamespace AppProviders;\n\u00a0\nuse IlluminateSupportServiceProvider;\nuse IlluminateSupportFacadesSchema;\n\u00a0\nclass AppServiceProvider extends ServiceProvider\n{\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Bootstrap any application services.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return void\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function boot()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Schema::defaultStringLength(255);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Register any application services.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return void\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function register()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Modello utente<\/h3>\n
Per impostazione predefinita, Laravel include un modello AppUser Eloquent nella directory dell’app. Apri User.php dalla cartella dell’app. Aggiungi altre due colonne provider, provider_id alla variabile $fillable.<\/p>\n
protected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Installa e configura Laravel Socialite<\/h3>\n
Per installare questa libreria, dovresti avere il compositore<\/a> installato sul tuo sistema.<\/p>\n
Nel tuo strumento da riga di comando esegui il comando seguente.<\/p>\n
composer require laravel\/socialite<\/code><\/p>\n
Dopo aver installato la libreria, registra LaravelSocialiteSocialiteServiceProvider nel tuo file di configurazione config\/app.php.<\/p>\n
'providers' => [\n\u00a0\u00a0\u00a0\u00a0\/\/ Other service providers...\n\u00a0\n\u00a0\u00a0\u00a0\u00a0LaravelSocialiteSocialiteServiceProvider::class,\n],<\/code><\/pre>\n
Nello stesso file config\/app.php, sotto l’array degli alias, aggiungi Socialite facciata.<\/p>\n
'Socialite' => LaravelSocialiteFacadesSocialite::class,<\/code><\/pre>\n
Ora \u00e8 il momento di registrare la tua applicazione sul sito social. Ad esempio, supponiamo che tu voglia implementare l’autenticazione dell’accesso a Facebook. Quindi vai avanti e crea un’applicazione su Facebook<\/a>.<\/p>\n
Una volta che sei pronto con l’ID app, il segreto dell’app della tua applicazione Facebook, apri il file config\/services.php e aggiungi il codice sottostante.<\/p>\n
'facebook' => [\n\u00a0\u00a0\u00a0\u00a0'client_id' => env('FB_APP_ID'),\n\u00a0\u00a0\u00a0\u00a0'client_secret' => env('FB_APP_SECRET'),\n\u00a0\u00a0\u00a0\u00a0'redirect' => env('FB_CALLBACK_URL'),\n],<\/code><\/pre>\n
Come mostrato nel codice sopra, dobbiamo memorizzare i dettagli della nostra applicazione e l’URL di richiamata nel file .env.<\/p>\n
FB_APP_ID=PASTE_APP_ID_HERE\nFB_APP_SECRET=PASTE_APP_SECRET_HERE\nFB_CALLBACK_URL=YOU_SITE_URL\/login\/facebook\/callback<\/code><\/pre>\n
Abbiamo passato l’URL di richiamata come YOU_SITE_URL\/login\/facebook\/callback. Ora \u00e8 il momento di creare due percorsi, uno per reindirizzare l’utente al provider OAuth (nel nostro caso, Facebook) e un altro per ricevere la richiamata dal provider dopo l’autenticazione.<\/p>\n
Codice effettivo per la gestione di OAuth<\/h3>\n
A questo punto, abbiamo completato tutte le impostazioni per Laravel Socialite. \u00c8 ora di scrivere del codice che gestisca il reindirizzamento OAuth e recuperi i dettagli dell’utente.<\/p>\n
Apri il tuo file login.blade.php e inserisci il codice sottostante probabilmente dopo il pulsante di invio.<\/p>\n
<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"col-md-6 col-md-offset-4\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Login with\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"{{ url('\/login\/facebook') }}\"><i class=\"fa fa-facebook-official\" aria-hidden=\"true\"><\/i> Facebook<\/a>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"{{ url('\/login\/twitter') }}\"><i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i> Twitter<\/a>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<a href=\"{{ url('\/login\/github') }}\"><i class=\"fa fa-github\" aria-hidden=\"true\"><\/i> Github<\/a>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n<\/div><\/code><\/pre>\n
Qui, stiamo aggiungendo un collegamento per Github e Twitter. I passaggi per l’aggiunta di OAuth per questi siti social sono gli stessi di Facebook. Devi solo creare un’applicazione dei rispettivi siti social e memorizzare quei dettagli nello stesso modo in cui abbiamo aggiunto per Facebook.<\/p>\n
Nel tuo file di percorso, definisci i percorsi come di seguito.<\/p>\n
Route::get('login\/{provider}', 'AuthLoginController@redirectToProvider');\nRoute::get('login\/{provider}\/callback', 'AuthLoginController@handleProviderCallback');<\/code><\/pre>\n
Quindi, vai su app\/Http\/Controllers\/Auth\/LoginController.php e modifica il file. Dovresti aggiungere il codice seguente al suo interno.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllersAuth;\n\u00a0\nuse AppHttpControllersController;\nuse IlluminateFoundationAuthAuthenticatesUsers;\nuse Socialite;\nuse AppUser;\nuse Auth;\n\u00a0\nclass LoginController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Redirect the user to the GitHub authentication page.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return Response\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function redirectToProvider($provider)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return Socialite::driver($provider)->scopes(['email'])->redirect();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Obtain the user information from GitHub.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return Response\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function handleProviderCallback($provider)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$user = Socialite::driver($provider)->user();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$authUser = $this->findOrCreateUser($user, $provider);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Auth::login($authUser, true);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect($this->redirectTo);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* If a user has registered before using social auth, return the user\n\u00a0\u00a0\u00a0\u00a0\u00a0* else, create a new user object.\n\u00a0\u00a0\u00a0\u00a0\u00a0* @param\u00a0 $user Socialite user object\n\u00a0\u00a0\u00a0\u00a0\u00a0* @param $provider Social auth provider\n\u00a0\u00a0\u00a0\u00a0\u00a0* @return\u00a0 User\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function findOrCreateUser($user, $provider)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$authUser = User::where('provider_id', $user->id)->first();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ($authUser) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $authUser;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return User::create([\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'name'\u00a0\u00a0\u00a0\u00a0 => $user->name,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email'\u00a0\u00a0\u00a0 => $user->email,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'provider' => $provider,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'provider_id' => $user->id\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Il metodo redirectToProvider reindirizza l’utente alla pagina di accesso di un sito social. Una volta che l’utente ha autorizzato l’applicazione, recuperiamo le informazioni dell’utente nella funzione handleProviderCallback. Se l’utente non esiste con il nostro sistema, aggiungiamo i suoi dettagli utilizzando il metodo findOrCreateUser.<\/p>\n
Ci auguriamo che tu sia venuto a conoscenza del sistema di accesso social utilizzando Laravel Socialite. Se hai domande o suggerimenti, lascia un commento qui sotto.<\/p>\n
articoli Correlati<\/h4>\n