{"id":29322,"date":"2021-06-12T18:16:00","date_gmt":"2021-06-12T15:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29322"},"modified":"2021-10-18T03:33:05","modified_gmt":"2021-10-18T00:33:05","slug":"zaloguj-sie-za-pomoca-twittera-w-laravel-za-pomoca-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-za-pomoca-twittera-w-laravel-za-pomoca-laravel-socialite\/","title":{"rendered":"Zaloguj si\u0119 za pomoc\u0105 Twittera w Laravel za pomoc\u0105 Laravel Socialite"},"content":{"rendered":"<p>Niedawno opublikowa\u0142em artyku\u0142 na temat <a href=\"https:\/\/themewp.inform.click\/pl\/jak-dodac-twitter-oauth-login-w-witrynie-za-pomoca-php\/\" title=\"logowania przez Twittera w PHP\" >logowania przez Twittera w PHP<\/a>. Jeden z naszych czytelnik\u00f3w poprosi\u0142 o napisanie artyku\u0142u o logowaniu przez Twittera w Laravelu. Chocia\u017c Laravel jest zbudowany na j\u0119zyku programowania PHP i pisa\u0142em o logowaniu do Twittera w PHP, wiem, \u017ce poprzedni samouczek nie jest odpowiedni dla frameworka Laravel. Laravel ma w\u0142asn\u0105 struktur\u0119 folder\u00f3w, przep\u0142yw rozwoju. Deweloper powinien przestrzega\u0107 standard\u00f3w Laravela buduj\u0105c w nim aplikacje internetowe.<\/p>\n<p>Laravel ma swoje oficjalne pakiety, kt\u00f3re pomagaj\u0105 deweloperom osi\u0105gn\u0105\u0107 okre\u015blon\u0105 funkcjonalno\u015b\u0107. Jednym z pakiet\u00f3w jest <a href=\"https:\/\/laravel.com\/docs\/master\/socialite\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Socialite<\/a>. Korzystaj\u0105c z Socialite, mo\u017cesz zintegrowa\u0107 login spo\u0142eczno\u015bciowy z r\u00f3\u017cnymi dostawcami, takimi jak Facebook, Twitter, LinkedIn, Google itp.<\/p>\n<p>W tym artykule przyjrzymy si\u0119 <strong>Logowaniu za pomoc\u0105 Twittera w Laravel<\/strong> przy u\u017cyciu Laravel Socialite.<\/p>\n<h3>Pierwsze kroki<\/h3>\n<p>Zacznijmy od nowej instalacji Laravela. Korzystanie z nowej instalacji Laravela nie jest obowi\u0105zkowe, mo\u017cesz r\u00f3wnie\u017c u\u017cy\u0107 istniej\u0105cego projektu.<\/p>\n<p>Aby zainstalowa\u0107 najnowsz\u0105 wersj\u0119 Laravela, uruchom poni\u017csze polecenie:<\/p>\n<pre><code>composer create-project --prefer-dist laravel\/laravel twitterlogin<\/code><\/pre>\n<p>Po instalacji utw\u00f3rz baz\u0119 danych i dodaj po\u015bwiadczenia w <code>.env<\/code>pliku. Budujemy system logowania, wi\u0119c powinni\u015bmy przechowywa\u0107 dane u\u017cytkownika w bazie danych.<\/p>\n<p>Ten samouczek jest oparty na funkcji Zaloguj si\u0119 za pomoc\u0105 Twittera, wi\u0119c po pomy\u015blnym uwierzytelnieniu otrzymamy identyfikator u\u017cytkownika Twittera. Aby przechowywa\u0107 ten identyfikator spo\u0142eczno\u015bciowy, dodajemy kolumny <code>provider<\/code>i <code>provider_id<\/code>tabel\u0119 \u201eu\u017cytkownicy&quot;. Kolumna <code>provider<\/code>b\u0119dzie przechowywa\u0107 warto\u015b\u0107 jako \u201etwitter&#8221;, a kolumna b\u0119dzie dotyczy\u0107 <code>provider_id<\/code>identyfikatora Twittera u\u017cytkownika.<\/p>\n<p>Kiedy u\u017cywamy logowania spo\u0142eczno\u015bciowego, nie musimy przechowywa\u0107 hase\u0142, wi\u0119c kolumna has\u0142a powinna domy\u015blnie akceptowa\u0107 warto\u015b\u0107 \u201eNULL&#8221;. Nie ma gwarancji otrzymania wiadomo\u015bci e-mail u\u017cytkownika po zalogowaniu si\u0119 w mediach spo\u0142eczno\u015bciowych, wi\u0119c dla ciekawo\u015bci musimy ustawi\u0107 kolumny e-maili, aby akceptowa\u0142y r\u00f3wnie\u017c warto\u015b\u0107 \u201eNULL&#8221;.<\/p>\n<p>Otw\u00f3rz plik migracji tabeli \u201eusers&#8221; i dodaj poni\u017cszy kod.<\/p>\n<pre><code>\/**\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-&gt;increments('id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;string('name');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;string('email')-&gt;nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;timestamp('email_verified_at')-&gt;nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;string('password')-&gt;nullable();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;string('provider');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;string('provider_id');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;rememberToken();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$table-&gt;timestamps();\n\u00a0\u00a0\u00a0\u00a0});\n}<\/code><\/pre>\n<p>Nast\u0119pnie uruchom komend\u0119 migracji, kt\u00f3ra utworzy tabele w Twojej bazie danych.<\/p>\n<pre><code>php artisan migrate<\/code><\/pre>\n<p>Musisz r\u00f3wnie\u017c doda\u0107 kolumny <code>provider<\/code>i <code>provider_id<\/code>do modelu u\u017cytkownika.<\/p>\n<p><strong>aplikacja\/U\u017cytkownik.php<\/strong><\/p>\n<pre><code>\/**\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<h3>Uzyskaj dane logowania na Twittera<\/h3>\n<p>Poniewa\u017c zamierzamy zintegrowa\u0107 logowanie do Twittera w Laravel, najpierw musisz uzyska\u0107 swoje dane logowania do Twittera. Wykonaj poni\u017csze czynno\u015bci, aby utworzy\u0107 aplikacj\u0119 na Twitterze i uzyska\u0107 swoje dane uwierzytelniaj\u0105ce.<\/p>\n<ul>\n<li>Zaloguj si\u0119 na <a href=\"https:\/\/dev.twitter.com\/apps\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">konto programisty Twittera<\/a> i utw\u00f3rz now\u0105 aplikacj\u0119.<\/li>\n<li>Wype\u0142nij wszystkie wymagane pola, takie jak nazwa i opis aplikacji.<\/li>\n<li>Dodaj domen\u0119 swojej witryny w polu Witryna.<\/li>\n<li>Ustaw adres URL wywo\u0142ania zwrotnego jako <code>http:\/\/localhost:8000\/twitter\/callback<\/code>. Dostosuj adres URL zgodnie z wymaganiami.<\/li>\n<li>Po zarejestrowaniu skopiuj i wklej utworzone po\u015bwiadczenia aplikacji (klucz klienta i klucz tajny), kt\u00f3re wymagaj\u0105 za jaki\u015b czas.<\/li>\n<\/ul>\n<p>U\u017cywaj\u0105c tych skopiowanych danych uwierzytelniaj\u0105cych, Twoja aplikacja Laravel zako\u0144czy przep\u0142yw OAuth, gdy u\u017cytkownicy zaloguj\u0105 si\u0119 na swoje konto na Twitterze.<\/p>\n<h3>Tw\u00f3rz trasy i kontroler<\/h3>\n<p>Aby uwzgl\u0119dni\u0107 funkcjonalno\u015b\u0107 logowania przez Twittera, musimy doda\u0107 kod w naszym projekcie Laravel. Stw\u00f3rzmy za <code>LoginController<\/code>pomoc\u0105 polecenia:<\/p>\n<pre><code>php artisan make:controller LoginController<\/code><\/pre>\n<p>Musimy doda\u0107 link do logowania w pliku ostrza. Utw\u00f3rz <code>login.blade.php<\/code>i dodaj do niego nast\u0119puj\u0105cy kod HTML.<\/p>\n<pre><code>&lt;a href=\"{{ url('\/login\/twitter') }}\" class=\"btn btn-success\"&gt;\n\u00a0\u00a0\u00a0\u00a0{{ __('Login with Twitter') }}\n&lt;\/a&gt;<\/code><\/pre>\n<p>Mo\u017cesz wywo\u0142a\u0107 ten widok z <code>index<\/code>metody <code>LoginController<\/code>.<\/p>\n<pre><code>\/**\n\u00a0* Call the view\n\u00a0*\/\npublic function index()\n{\n\u00a0\u00a0\u00a0\u00a0return view('login');\n}<\/code><\/pre>\n<p>Nast\u0119pnie dodaj dla niego tras\u0119. Dodaj\u0119 te\u017c kilka innych tras, kt\u00f3re b\u0119d\u0105 wymagane w dalszej cz\u0119\u015bci samouczka.<\/p>\n<pre><code>Route::get('login', 'LoginController@index');\nRoute::get('login\/{provider}', 'LoginController@redirectToProvider');\nRoute::get('{provider}\/callback', 'LoginController@handleProviderCallback');\nRoute::get('\/home', function() {\n\u00a0\u00a0\u00a0\u00a0return 'User is logged in';\n});<\/code><\/pre>\n<p>Gdy u\u017cytkownik zaloguje si\u0119 na Twitterze, przekieruj\u0119 go na <code>home<\/code>tras\u0119. To tylko do cel\u00f3w demonstracyjnych. Powiniene\u015b zmieni\u0107 t\u0119 tras\u0119 na co\u015b innego.<\/p>\n<h3>Zaloguj si\u0119 przez Twittera w Laravel<\/h3>\n<p>Czas skorzysta\u0107 z pakietu Socialite. Za pomoc\u0105 poni\u017cszego polecenia mo\u017cesz zainstalowa\u0107 pakiet Socialite w swoim projekcie Laravel.<\/p>\n<pre><code>composer require laravel\/socialite<\/code><\/pre>\n<p>Po zainstalowaniu Socialite musimy go skonfigurowa\u0107. Otw\u00f3rz <code>config\/services.php<\/code>i dodaj konfiguracj\u0119 Twittera do tego pliku w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n<pre><code>'twitter' =&gt; [\n\u00a0\u00a0\u00a0\u00a0'client_id' =&gt; env('TWITTER_API_KEY'),\n\u00a0\u00a0\u00a0\u00a0'client_secret' =&gt; env('TWITTER_API_SECRET_KEY'),\n\u00a0\u00a0\u00a0\u00a0'redirect' =&gt; env('TWITTER_CALLBACK_URL'),\n],<\/code><\/pre>\n<p>Mo\u017cesz zauwa\u017cy\u0107, \u017ce u\u017cy\u0142em tej <code>env<\/code>metody, aby uzyska\u0107 okre\u015blone warto\u015bci. Oznacza to, \u017ce musimy zdefiniowa\u0107 te sta\u0142e w <code>.env<\/code>pliku.<\/p>\n<pre><code>TWITTER_API_KEY=PASTE_TWITTER_API_KEY\nTWITTER_API_SECRET_KEY=PASTE_TWITTER_API_SECRET_KEY\nTWITTER_CALLBACK_URL=http:\/\/localhost:8000\/twitter\/callback<\/code><\/pre>\n<p>Pami\u0119taj, aby zast\u0105pi\u0107 symbole zast\u0119pcze rzeczywistymi kluczami API. Nast\u0119pnie w <code>LoginController<\/code>, piszemy funkcj\u0119, kt\u00f3ra przekierowuje u\u017cytkownika na stron\u0119 logowania Twittera, a po udanej autoryzacji zaloguje go.<\/p>\n<p><strong>LoginController.php<\/strong><\/p>\n<pre><code>&lt;?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse Socialite;\nuse AppModelsUser;\nuse Auth;\n\u00a0\nclass LoginController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Where to redirect users after login.\n\u00a0\u00a0\u00a0\u00a0\u00a0*\n\u00a0\u00a0\u00a0\u00a0\u00a0* @var string\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0protected $redirectTo = '\/home';\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Call the view\n\u00a0\u00a0\u00a0\u00a0\u00a0*\/\n\u00a0\u00a0\u00a0\u00a0public function index()\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return view('login');\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Redirect the user to the Twitter 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)-&gt;redirect();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\/**\n\u00a0\u00a0\u00a0\u00a0\u00a0* Obtain the user information from Twitter.\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)-&gt;user();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$authUser = $this-&gt;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-&gt;redirectTo);\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\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-&gt;id)-&gt;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 =&gt; $user-&gt;name,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'email'\u00a0\u00a0\u00a0 =&gt; $user-&gt;email,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'provider' =&gt; $provider,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'provider_id' =&gt; $user-&gt;id\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>Przejd\u017a do strony logowania i kliknij link \u201eZaloguj si\u0119 za pomoc\u0105 Twittera&#8221;. Zako\u0144cz proces i zaloguj si\u0119 do systemu za pomoc\u0105 Twittera. W <code>users<\/code>tabeli mo\u017cna r\u00f3wnie\u017c znale\u017a\u0107 wpisy u\u017cytkownik\u00f3w .<\/p>\n<p>Mam nadziej\u0119, \u017ce mo\u017cesz dowiedzie\u0107 si\u0119 o logowaniu za pomoc\u0105 Twittera w Laravel za pomoc\u0105 pakietu Socialite. Chcia\u0142bym us\u0142ysze\u0107 Twoje przemy\u015blenia lub sugestie w sekcji komentarzy poni\u017cej.<\/p>\n<h4>Powi\u0105zane artyku\u0142y<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-na-linkedin-w-laravel-za-pomoca-laravel-socialite\/\" title=\"Zaloguj si\u0119 na LinkedIn w Laravel za pomoc\u0105 Laravel Socialite\">Zaloguj si\u0119 na LinkedIn w Laravel za pomoc\u0105 Laravel Socialite<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-przez-google-w-laravel-za-pomoca-laravel-socialite\/\" title=\"Zaloguj si\u0119 przez Google w Laravel za pomoc\u0105 Laravel Socialite\">Zaloguj si\u0119 przez Google w Laravel za pomoc\u0105 Laravel Socialite<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>W tym samouczku uczymy si\u0119 logowania za pomoc\u0105 Twittera w Laravel przy u\u017cyciu pakietu Laravel Socialite. Logowanie spo\u0142eczno\u015bciowe pomaga pomin\u0105\u0107 ca\u0142o\u015b\u0107<\/p>\n","protected":false},"author":1,"featured_media":20252,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[501],"tags":[847],"class_list":["post-29322","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/29322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=29322"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/29322\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/20252"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=29322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=29322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=29322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}