{"id":23126,"date":"2021-04-27T13:20:00","date_gmt":"2021-04-27T10:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23126"},"modified":"2021-10-17T19:51:14","modified_gmt":"2021-10-17T16:51:14","slug":"sotsiaalne-sisselogimissusteem-laraveli-suhtlusportaali-abil","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/sotsiaalne-sisselogimissusteem-laraveli-suhtlusportaali-abil\/","title":{"rendered":"Sotsiaalne sisselogimiss\u00fcsteem Laraveli suhtlusportaali abil"},"content":{"rendered":"

Krediit: see artikkel on inspireeritud sellest postitusest Laraveli sotsiaalne autentimine Socialite’iga<\/a><\/p>\n

Kas soovite oma Laraveli veebisaidil juurutada sotsiaalse sisselogimise s\u00fcsteemi? Sotsiaalset sisselogimist lubades ei pea teie kasutajad teie veebisaidil registreeruma. See s\u00e4\u00e4stab ka palju t\u00f6\u00f6d, nagu aktiveerimislingi saatmine, e-posti konto kinnitamine. Selles artiklis uurime, kuidas lisada sotsiaalset sisselogimiss\u00fcsteemi Laraveli suhtlusportaali abil.<\/p>\n

Laraveli suhtlusportaal<\/a> pakub OAuthi autentimist Facebooki, Twitteri, Google’i, LinkedIni, GitHubi ja Bitbucketiga. Peame selle raamatukogu oma Laraveli veebisaidile installima, konfigureerima, hankima suhtlussaidilt API v\u00f5tmed ja meil on hea minna.<\/p>\n

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

Loo kasutajate tabel<\/h3>\n

Sotsiaalse sisselogimiss\u00fcsteemi juurutamiseks peame looma kasutajate tabeli, kuhu salvestatakse sotsiaalse saidi pakutavad \u00fcksikasjad.<\/p>\n

Kui teil on Laraveli uus install, avage k\u00e4surea t\u00f6\u00f6riist projekti juurkataloogis ja k\u00e4ivitage k\u00e4sk php artisan make:auth<\/code>. See k\u00e4sk loob autentimiskontrollerid nagu LoginController, RegisterController jne, mis asuvad kataloogis app \/ Http \/ Controllers \/ Auth. See loob ka vaated login.blade.php, register.blade.php ressursside \/ vaate \/ autorite kataloogi.<\/p>\n

J\u00e4rgmisena avage kasutajate r\u00e4nde tabel. Muudame seda vaikeviisi ja lisame veel kaks veergu nimega pakkuja ja pakkuja 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
Nagu n\u00e4ete, seadistasime e-posti ja parooli veerud t\u00fchiseks. Miks? Kui kasutame sotsiaalse sisselogimise autentimist, ei saa garanteerida kasutaja e-posti aadressi saamist. Ja sellisel juhul pole ka parool vajalik. Nii et me hoiame e-posti aadressi ja parooli t\u00fchisena. Veergude pakkuja salvestab sotsiaalse saidi nime, n\u00e4iteks facebook, twitter jne. Veerg Provider_id salvestab kasutaja sotsiaalse saidi sotsiaalse ID.<\/p>\n
Kui olete \u00fclalolevat kasutajamigratsiooni muutnud, k\u00e4ivitage k\u00e4sk php artisan migrate<\/code>. See loob teie andmebaasi tabeli nimega "kasutajad".<\/p>\n
T\u00f5en\u00e4oliselt saate migreerimisk\u00e4sku k\u00e4ivitades m\u00e4rgi pikkusega seotud kummalise vea. Kui jah, siis avage fail AppServiceProvider.php rakenduse \/ pakkujate kataloogist. Selles failis peame m\u00e4\u00e4rama stringi vaikepikkuse andmebaasi tabeli veergudele.<\/p>\n
Fail 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
Kasutaja mudel<\/h3>\n
Vaikimisi lisab Laravel teie rakenduste kataloogi AppUseri Eloquenti mudeli. Avage rakenduse kaustast User.php. Lisage muutuvale $ t\u00e4idetavale veerule veel kaks veergu Provider_ID.<\/p>\n
protected $fillable = [\n\u00a0\u00a0\u00a0\u00a0'name', 'email', 'password', 'provider', 'provider_id',\n];<\/code><\/pre>\n
Installige ja konfigureerige Laravel Socialite<\/h3>\n
Selle teegi installimiseks peaks teie arvutisse olema installitud helilooja<\/a>.<\/p>\n
K\u00e4ivitage k\u00e4surea t\u00f6\u00f6riistas j\u00e4rgmine k\u00e4sk.<\/p>\n
composer require laravel\/socialite<\/code><\/p>\n
P\u00e4rast teegi installimist registreerige LaravelSocialiteSocialiteServiceProvider oma konfiguratsioonifaili 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
Lisage samas failis config \/ app.php varjunimede massiivi alla Socialite’i fassaad.<\/p>\n
'Socialite' => LaravelSocialiteFacadesSocialite::class,<\/code><\/pre>\n
N\u00fc\u00fcd on aeg registreerida oma rakendus sotsiaalsel saidil. N\u00e4iteks eeldame, et soovite rakendada Facebooki sisselogimise autentimist. Nii et j\u00e4tkake ja looge rakendus Facebookis<\/a>.<\/p>\n
Kui olete valmis rakenduse ID-ga, oma Facebooki rakenduse rakenduse saladusega, avage fail config \/ services.php ja lisage sellele kood allpool.<\/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
Nagu \u00fclaltoodud kood n\u00e4itab, peame oma rakenduse \u00fcksikasjad ja tagasihelistamise URL-i salvestama .env-faili.<\/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
Tagasihelistamise URL on meil edastatud kui YOU_SITE_URL \/ login \/ facebook \/ callback. N\u00fc\u00fcd on aeg luua kaks marsruuti, \u00fcks kasutaja \u00fcmbersuunamiseks OAuthi (meie puhul Facebook) pakkujale ja teine \u200b\u200bteenusepakkujalt tagasihelistamise saamiseks p\u00e4rast autentimist.<\/p>\n
Tegelik kood OAuthi k\u00e4itlemiseks<\/h3>\n
Selles etapis oleme Laraveli Socialite’i jaoks k\u00f5ik seadistused l\u00f5pule viinud. On aeg kirjutada kood, mis haldab OAuthi \u00fcmbersuunamist ja tooma kasutaja \u00fcksikasjad.<\/p>\n
Avage oma login.blade.php fail ja asetage allolev kood sinna t\u00f5en\u00e4oliselt p\u00e4rast nuppu Esita.<\/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
Lisame siia lingi Githubi ja Twitteri jaoks. Nende sotsiaalsete saitide jaoks OAuthi lisamise sammud on samad kui Facebook. Peate lihtsalt looma vastavate sotsiaalsete saitide rakenduse ja salvestama need \u00fcksikasjad samamoodi nagu lisasime Facebooki jaoks.<\/p>\n
M\u00e4\u00e4rake marsruudi failis marsruudid allpool.<\/p>\n
Route::get('login\/{provider}', 'AuthLoginController@redirectToProvider');\nRoute::get('login\/{provider}\/callback', 'AuthLoginController@handleProviderCallback');<\/code><\/pre>\n
J\u00e4rgmisena navigeerige saidile app \/ Http \/ Controllers \/ Auth \/ LoginController.php ja muutke faili. Peaksite sellesse lisama alloleva koodi.<\/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
Meetod redirectToProvider suunab kasutaja sotsiaalse saidi sisselogimislehele. Kui kasutaja on rakenduse autoriseerinud, toome kasutajainfo funktsioonist handProviderCallback. Kui kasutajat pole meie s\u00fcsteemis olemas, lisame selle \u00fcksikasjad meetodiga findOrCreateUser.<\/p>\n
Loodetavasti \u00f5ppisite sotsiaalse sisselogimiss\u00fcsteemi kohta tundma Laraveli suhtlusportaali. Kui teil on k\u00fcsimusi v\u00f5i ettepanekuid, j\u00e4tke kommentaar allpool.<\/p>\n
seotud artiklid<\/h4>\n