{"id":26724,"date":"2021-04-27T14:09:00","date_gmt":"2021-04-27T11:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=26724"},"modified":"2021-10-17T05:34:35","modified_gmt":"2021-10-17T02:34:35","slug":"socialt-inloggningssystem-med-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/socialt-inloggningssystem-med-laravel-socialite\/","title":{"rendered":"Socialt inloggningssystem med Laravel Socialite"},"content":{"rendered":"

Kredit: Den h\u00e4r artikeln \u00e4r inspirerad av detta inl\u00e4gg Laravel Social Authentication with Socialite<\/a><\/p>\n

Vill du implementera socialt inloggningssystem p\u00e5 din Laravel-webbplats? Genom att till\u00e5ta social inloggning beh\u00f6ver dina anv\u00e4ndare inte registrera sig p\u00e5 din webbplats. Det sparar oss ocks\u00e5 mycket arbete som att skicka aktiveringsl\u00e4nk, verifierar e-postkonto. I den h\u00e4r artikeln studerar vi hur man l\u00e4gger till socialt inloggningssystem med Laravel socialite.<\/p>\n

Laravel Socialite-<\/a> biblioteket tillhandah\u00e5ller OAuth-autentisering med Facebook, Twitter, Google, LinkedIn, GitHub och Bitbucket. Vad vi beh\u00f6ver g\u00f6ra \u00e4r att installera det h\u00e4r biblioteket p\u00e5 v\u00e5r Laravel-webbplats, konfigurera det, f\u00e5 API-nycklar fr\u00e5n en social webbplats och vi \u00e4r klara.<\/p>\n

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

Skapa anv\u00e4ndartabell<\/h3>\n

F\u00f6r att implementera socialt inloggningssystem m\u00e5ste vi skapa en anv\u00e4ndartabell som lagrar informationen fr\u00e5n den sociala webbplatsen.<\/p>\n

Om du har en ny installation av en Laravel \u00f6ppnar du kommandoradsverktyget i ett projekts rotkatalog och k\u00f6r kommandot php artisan make:auth<\/code>. Detta kommando skapar autentiseringsstyrenheter som LoginController, RegisterController, etc. som finns i katalogen app \/ Http \/ Controllers \/ Auth. Det skapar ocks\u00e5 en vyer login.blade.php, register.blade.php under katalogen resources \/ view \/ auth.<\/p>\n

\u00d6ppna sedan tabellen f\u00f6r migrering f\u00f6r anv\u00e4ndare. Vi kommer att \u00e4ndra denna standardmigrering och l\u00e4gga till ytterligare tv\u00e5 kolumner som heter provider och 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
Som du ser st\u00e4ller vi in \u200b\u200be-post- och l\u00f6senordskolumner till ogiltiga. Varf\u00f6r? N\u00e4r vi anv\u00e4nder social inloggningsautentisering finns det ingen garanti f\u00f6r att f\u00e5 ett e-post-ID f\u00f6r en anv\u00e4ndare. Och l\u00f6senordet \u00e4r inte heller n\u00f6dv\u00e4ndigt i s\u00e5dana fall. S\u00e5 vi beh\u00e5ller e-post och l\u00f6senord till ogiltiga. Kolumnleverant\u00f6ren lagrar sociala webbplatsnamn som facebook, twitter etc. Kolumnleverant\u00f6r_id kommer att lagra det sociala id f\u00f6r en anv\u00e4ndare som motsvarar den sociala webbplatsen.<\/p>\n
N\u00e4r du har \u00e4ndrat din anv\u00e4ndarmigrering enligt ovan k\u00f6r du kommandot php artisan migrate<\/code>. Det skapar en tabell som heter ’anv\u00e4ndare’ i din databas.<\/p>\n
F\u00f6rmodligen, n\u00e4r du k\u00f6r migreringskommandot kommer du att f\u00e5 n\u00e5gra konstiga fel relaterade till teckenl\u00e4ngd. Om s\u00e5 \u00e4r fallet \u00f6ppnar du filen AppServiceProvider.php fr\u00e5n appen \/ leverant\u00f6rskatalogen. I den h\u00e4r filen m\u00e5ste vi st\u00e4lla in standardstr\u00e4ngl\u00e4ngd f\u00f6r en databastabellkolumner.<\/p>\n
Fila 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
Anv\u00e4ndarmodell<\/h3>\n
Som standard inkluderar Laravel en AppUser Eloquent-modell i din appkatalog. \u00d6ppna User.php fr\u00e5n appmappen. L\u00e4gg till ytterligare tv\u00e5 kolumner, provider_id till variabeln $ fillable.<\/p>\n
protected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Installera och konfigurera Laravel Socialite<\/h3>\n
F\u00f6r att installera detta bibliotek b\u00f6r du ha komposit\u00f6ren<\/a> installerad p\u00e5 ditt system.<\/p>\n
I kommandoradsverktyget k\u00f6r du kommandot nedan.<\/p>\n
composer require laravel\/socialite<\/code><\/p>\n
Efter att ha installerat biblioteket registrerar du LaravelSocialiteSocialiteServiceProvider i din konfigurationsfil 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
I samma fil config \/ app.php, under alias array, l\u00e4gg till Socialite facade.<\/p>\n
'Socialite' => LaravelSocialiteFacadesSocialite::class,<\/code><\/pre>\n
Nu \u00e4r det dags att registrera din ans\u00f6kan p\u00e5 en social webbplats. Vi antar till exempel att du vill implementera Facebook-inloggningsautentisering. S\u00e5 forts\u00e4tt och skapa en applikation p\u00e5 Facebook<\/a>.<\/p>\n
En g\u00e5ng \u00e4r du redo med app-id, apphemlighet f\u00f6r din Facebook-applikation, \u00f6ppnar filen config \/ services.php och l\u00e4gger till koden nedan.<\/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
Som visas i ovanst\u00e5ende kod m\u00e5ste vi lagra v\u00e5r applikationsinformation och \u00e5teruppringnings-URL i .env-filen.<\/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
Vi har skickat \u00e5teruppringnings-URL som YOU_SITE_URL \/ inloggning \/ facebook \/ \u00e5teruppringning. Nu \u00e4r det dags att skapa tv\u00e5 rutter, en f\u00f6r att omdirigera anv\u00e4ndaren till OAuth (i v\u00e5rt fall Facebook) -leverant\u00f6r och en annan f\u00f6r att ta emot \u00e5teruppringning fr\u00e5n leverant\u00f6ren efter autentisering.<\/p>\n
Faktisk kod f\u00f6r hantering av OAuth<\/h3>\n
I det h\u00e4r skedet \u00e4r vi klar med alla inst\u00e4llningar f\u00f6r Laravel Socialite. Det \u00e4r dags att skriva lite kod som hanterar omdirigering OAuth och h\u00e4mta anv\u00e4ndarinformation.<\/p>\n
\u00d6ppna din login.blade.php-fil och placera nedanst\u00e5ende kod i den troligen efter skicka-knappen.<\/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
H\u00e4r l\u00e4gger vi till en l\u00e4nk f\u00f6r Github och Twitter. Stegen f\u00f6r att l\u00e4gga till OAuth f\u00f6r dessa sociala webbplatser ocks\u00e5 samma som Facebook. Du beh\u00f6ver bara skapa en applikation p\u00e5 respektive sociala webbplatser och lagra dessa detaljer p\u00e5 samma s\u00e4tt som vi lade till f\u00f6r Facebook.<\/p>\n
Definiera rutterna i din ruttfil enligt nedan.<\/p>\n
Route::get('login\/{provider}', 'AuthLoginController@redirectToProvider');\nRoute::get('login\/{provider}\/callback', 'AuthLoginController@handleProviderCallback');<\/code><\/pre>\n
Navigera sedan till app \/ Http \/ Controllers \/ Auth \/ LoginController.php och \u00e4ndra filen. Du b\u00f6r l\u00e4gga till koden nedan i den.<\/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
Metoden redirectToProvider omdirigerar anv\u00e4ndare till inloggningssidan p\u00e5 en social webbplats. N\u00e4r anv\u00e4ndaren har godk\u00e4nt applikationen h\u00e4mtar vi anv\u00e4ndarinformation i funktionshandtaget ProviderCallback. Om anv\u00e4ndaren inte finns med v\u00e5rt system l\u00e4gger vi till deras information med metoden findOrCreateUser.<\/p>\n
Vi hoppas att du fick veta om sociala inloggningssystem med Laravel Socialite. Om du har n\u00e5gra fr\u00e5gor eller f\u00f6rslag, v\u00e4nligen l\u00e4mna en kommentar nedan.<\/p>\n
relaterade artiklar<\/h4>\n