{"id":23333,"date":"2021-04-27T13:56:00","date_gmt":"2021-04-27T10:56:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23333"},"modified":"2021-10-17T21:38:13","modified_gmt":"2021-10-17T18:38:13","slug":"sosiaalinen-kirjautumisjarjestelma-laravel-socialiten-avulla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/sosiaalinen-kirjautumisjarjestelma-laravel-socialiten-avulla\/","title":{"rendered":"Sosiaalinen kirjautumisj\u00e4rjestelm\u00e4 Laravel Socialiten avulla"},"content":{"rendered":"

Luotto: T\u00e4m\u00e4 artikkeli on innoittamana t\u00e4st\u00e4 viestist\u00e4 Laravel Social Authentication with Socialite<\/a><\/p>\n

Etsitk\u00f6 sosiaalisen sis\u00e4\u00e4nkirjautumisen j\u00e4rjestelm\u00e4\u00e4 Laravel-verkkosivustollasi? Sallimalla sosiaalisen kirjautumisen k\u00e4ytt\u00e4jien ei tarvitse rekister\u00f6ity\u00e4 verkkosivustollesi. Se s\u00e4\u00e4st\u00e4\u00e4 my\u00f6s paljon ty\u00f6t\u00e4, kuten aktivointilinkin l\u00e4hett\u00e4minen, s\u00e4hk\u00f6postitilin tarkistaminen. T\u00e4ss\u00e4 artikkelissa tutkitaan, miten sosiaalinen sis\u00e4\u00e4nkirjautumisj\u00e4rjestelm\u00e4 lis\u00e4t\u00e4\u00e4n Laravel-seuran avulla.<\/p>\n

Laravel Socialite<\/a> -kirjasto tarjoaa OAuth-todennuksen Facebookin, Twitterin, Googlen, LinkedInin, GitHubin ja Bitbucketin avulla. Meid\u00e4n on asennettava t\u00e4m\u00e4 kirjasto Laravel-verkkosivustollemme, m\u00e4\u00e4ritett\u00e4v\u00e4 se, haettava API-avaimet sosiaalisesta sivustosta ja olemme hyvi\u00e4.<\/p>\n

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

Luo k\u00e4ytt\u00e4jien taulukko<\/h3>\n

Sosiaalisen sis\u00e4\u00e4nkirjautumisj\u00e4rjestelm\u00e4n toteuttamiseksi meid\u00e4n on luotava k\u00e4ytt\u00e4jien taulukko, joka tallentaa sosiaalisen sivuston tarjoamat tiedot.<\/p>\n

Jos sinulla on uusi Laravel-asennus, avaa komentorivity\u00f6kalu projektin juurihakemistossa ja suorita komento php artisan make:auth<\/code>. T\u00e4m\u00e4 komento luo todennuksen ohjaimet, kuten LoginController, RegisterController jne., Jotka sijaitsevat hakemistossa app \/ Http \/ Controllers \/ Auth. Se luo my\u00f6s n\u00e4kym\u00e4t login.blade.php, register.blade.php resurssien \/ n\u00e4kym\u00e4n \/ todennushakemistoon.<\/p>\n

Avaa seuraavaksi k\u00e4ytt\u00e4jien siirtotaulukko. Muutamme t\u00e4t\u00e4 oletussiirtoa ja lis\u00e4t\u00e4\u00e4n viel\u00e4 kaksi saraketta, joita kutsutaan palveluntarjoajaksi ja tarjoajan tunnukseksi.<\/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
Kuten n\u00e4ette, asetamme s\u00e4hk\u00f6posti- ja salasanasarakkeet mit\u00e4t\u00f6it\u00e4viksi. Miksi? Kun k\u00e4yt\u00e4mme sosiaalista kirjautumistodennusta, ei voida taata k\u00e4ytt\u00e4j\u00e4n s\u00e4hk\u00f6postitunnuksen saamista. Ja salasanaa ei my\u00f6sk\u00e4\u00e4n tarvita t\u00e4llaisessa tapauksessa. Joten pid\u00e4mme s\u00e4hk\u00f6postin ja salasanan mit\u00e4t\u00f6it\u00e4viss\u00e4. Sarakepalveluntarjoaja tallentaa sosiaalisen sivuston nimen, kuten facebook, twitter jne. Sarake Provider_id tallentaa k\u00e4ytt\u00e4j\u00e4n sosiaalisen sivuston sosiaalisen tunnuksen.<\/p>\n
Kun olet muokannut k\u00e4ytt\u00e4j\u00e4n siirtoa yll\u00e4 olevan mukaisesti, suorita komento php artisan migrate<\/code>. Se luo tietokantaan taulukon nimelt\u00e4 k\u00e4ytt\u00e4j\u00e4t.<\/p>\n
Luultavasti siirtokomennon suorittamisen aikana saat jonkin verran merkkien pituuteen liittyv\u00e4\u00e4 virhett\u00e4. Jos n\u00e4in on, avaa sitten AppServiceProvider.php-tiedosto app \/ Providers-hakemistosta. T\u00e4ss\u00e4 tiedostossa meid\u00e4n on m\u00e4\u00e4ritett\u00e4v\u00e4 oletusmerkkijonon pituus tietokantataulukon sarakkeille.<\/p>\n
Tiedosto 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
K\u00e4ytt\u00e4j\u00e4n malli<\/h3>\n
Oletusarvoisesti Laravel sis\u00e4lt\u00e4\u00e4 AppUser Eloquent -mallin sovellushakemistossasi. Avaa User.php sovelluskansiosta. Lis\u00e4\u00e4 kaksi sarakkeiden tarjoajaa szolg\u00e1ltajan_tunnus $ t\u00e4ytett\u00e4v\u00e4\u00e4n muuttujaan.<\/p>\n
protected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Asenna ja m\u00e4\u00e4rit\u00e4 Laravel Socialite<\/h3>\n
T\u00e4m\u00e4n kirjaston asentamiseksi sinulla on oltava s\u00e4velt\u00e4j\u00e4<\/a> asennettuna j\u00e4rjestelm\u00e4\u00e4n.<\/p>\n
Suorita alla oleva komento komentorivity\u00f6kalussa.<\/p>\n
composer require laravel\/socialite<\/code><\/p>\n
Kun olet asentanut kirjaston, rekister\u00f6i LaravelSocialiteSocialiteServiceProvider config \/ app.php-m\u00e4\u00e4ritystiedostoon.<\/p>\n
'providers' => [\n\u00a0\u00a0\u00a0\u00a0\/\/ Other service providers...\n\u00a0\n\u00a0\u00a0\u00a0\u00a0LaravelSocialiteSocialiteServiceProvider::class,\n],<\/code><\/pre>\n
Lis\u00e4\u00e4 samassa tiedostossa config \/ app.php aliaksitaulukon alle Socialite-julkisivu.<\/p>\n
'Socialite' => LaravelSocialiteFacadesSocialite::class,<\/code><\/pre>\n
Nyt on aika rekister\u00f6id\u00e4 hakemuksesi sosiaalisella sivustolla. Oletetaan esimerkiksi, ett\u00e4 haluat ottaa k\u00e4ytt\u00f6\u00f6n Facebook-kirjautumistodennuksen. Joten mene eteenp\u00e4in ja luo sovellus Facebookiin<\/a>.<\/p>\n
Kun olet valmis sovellustunnuksella, Facebook-sovelluksesi sovelluksen salaisuudella, avaa tiedosto config \/ services.php ja lis\u00e4\u00e4 siihen alla oleva koodi.<\/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
Kuten yll\u00e4 olevassa koodissa on esitetty, meid\u00e4n on tallennettava sovellustiedot ja takaisinsoitto-URL.<\/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
Olemme soittaneet takaisinsoiton URL-osoitteeksi YOU_SITE_URL \/ login \/ facebook \/ callback. Nyt on aika luoda kaksi reitti\u00e4, yksi k\u00e4ytt\u00e4j\u00e4n uudelleenohjaamiseksi OAuth (meid\u00e4n tapauksessamme Facebook) palveluntarjoajalle ja toinen takaisinsoiton vastaanottamiseksi palveluntarjoajalta todennuksen j\u00e4lkeen.<\/p>\n
OAuthin k\u00e4sittelyn todellinen koodi<\/h3>\n
T\u00e4ss\u00e4 vaiheessa kaikki Laravel Socialiten asetukset on suoritettu loppuun. On aika kirjoittaa koodi, joka k\u00e4sittelee uudelleenohjauksen OAuth ja noutaa k\u00e4ytt\u00e4j\u00e4n tiedot.<\/p>\n
Avaa login.blade.php-tiedostosi ja aseta alla oleva koodi todenn\u00e4k\u00f6isesti L\u00e4het\u00e4-painikkeen j\u00e4lkeen.<\/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
Lis\u00e4\u00e4mme t\u00e4h\u00e4n linkin Githubiin ja Twitteriin. OAuthin lis\u00e4\u00e4misen vaiheet n\u00e4ille sosiaalisille sivustoille ovat samat kuin Facebook. Sinun tarvitsee vain luoda vastaavien sosiaalisten sivustojen sovellus ja tallentaa n\u00e4m\u00e4 tiedot samalla tavalla kuin lis\u00e4simme Facebookiin.<\/p>\n
M\u00e4\u00e4rit\u00e4 reittitiedostossa reitit alla esitetyll\u00e4 tavalla.<\/p>\n
Route::get('login\/{provider}', 'AuthLoginController@redirectToProvider');\nRoute::get('login\/{provider}\/callback', 'AuthLoginController@handleProviderCallback');<\/code><\/pre>\n
Siirry seuraavaksi osoitteeseen app \/ Http \/ Controllers \/ Auth \/ LoginController.php ja muokkaa tiedostoa. Sinun tulisi lis\u00e4t\u00e4 alla oleva koodi siihen.<\/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
Metode redirectToProvider ohjaa k\u00e4ytt\u00e4j\u00e4n uudelleen sosiaalisen sivuston kirjautumissivulle. Kun k\u00e4ytt\u00e4j\u00e4 on valtuuttanut sovelluksen, haemme k\u00e4ytt\u00e4j\u00e4tiedot funktiosta handleProviderCallback. Jos k\u00e4ytt\u00e4j\u00e4\u00e4 ei ole j\u00e4rjestelm\u00e4mme kanssa, lis\u00e4t\u00e4\u00e4n heid\u00e4n tietonsa metodilla findOrCreateUser.<\/p>\n
Toivomme, ett\u00e4 sait tiet\u00e4\u00e4 sosiaalisesta kirjautumisj\u00e4rjestelm\u00e4st\u00e4 Laravel Socialiten avulla. Jos sinulla on kysytt\u00e4v\u00e4\u00e4 tai ehdotuksia, j\u00e4t\u00e4 kommentti alla.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n