{"id":29327,"date":"2021-06-12T16:57:00","date_gmt":"2021-06-12T13:57:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29327"},"modified":"2021-10-18T03:33:09","modified_gmt":"2021-10-18T00:33:09","slug":"zaloguj-sie-przez-google-w-laravel-za-pomoca-laravel-socialite","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-przez-google-w-laravel-za-pomoca-laravel-socialite\/","title":{"rendered":"Zaloguj si\u0119 przez Google w Laravel za pomoc\u0105 Laravel Socialite"},"content":{"rendered":"<p>Niedawno opublikowa\u0142em artyku\u0142 <a href=\"https:\/\/themewp.inform.click\/pl\/zaloguj-sie-na-linkedin-w-laravel-za-pomoca-laravel-socialite\/\" title=\"Logowanie z LinkedIn przy u\u017cyciu Laravel Socialite\" >Logowanie z LinkedIn przy u\u017cyciu Laravel Socialite<\/a> i jeden z naszych czytelnik\u00f3w zapyta\u0142 o zintegrowanie logowania Google w Laravel. Logowanie przez Google jest r\u00f3wnie\u017c jedn\u0105 z popularnych platform wykorzystywanych do logowania spo\u0142eczno\u015bciowego na stronie.<\/p>\n<p>Gdy zezwalasz u\u017cytkownikom na logowanie si\u0119 za pomoc\u0105 ich profilu spo\u0142eczno\u015bciowego w Twojej witrynie, pomijasz proces weryfikacji ich adresu e-mail. Twoi u\u017cytkownicy nie musz\u0105 przechodzi\u0107 procesu aktywacji przez e-mail. Mo\u017cemy polega\u0107 na serwisach spo\u0142eczno\u015bciowych, kt\u00f3re ju\u017c zweryfikowa\u0142y u\u017cytkownik\u00f3w na swojej platformie. Zapewnia to lepsze wra\u017cenia u\u017cytkownik\u00f3w, poniewa\u017c nie musz\u0105 oni zapami\u0119tywa\u0107 swoich danych logowania do Twojej witryny, a tak\u017ce oszcz\u0119dza przed dodawaniem kod\u00f3w w celu weryfikacji.. To sytuacja korzystna dla obu stron.<\/p>\n<p>W tym artykule zapoznamy si\u0119 krok po kroku z dodawaniem Google Login w Laravel za pomoc\u0105 Laravel Socialite. Laravel socialite obs\u0142uguje przep\u0142yw OAuth dla logowania spo\u0142eczno\u015bciowego za kulisami. Ten pakiet przyspiesza proces integracji logowania spo\u0142eczno\u015bciowego na Laravelu.<\/p>\n<p>W tym samouczku u\u017cyj\u0119 \u015bwie\u017cej instalacji Laravela, wi\u0119c uruchom poni\u017csze polecenie, kt\u00f3re zainstaluje Laravela dla Ciebie:<\/p>\n<pre><code>composer create-project --prefer-dist laravel\/laravel googlelogin<\/code><\/pre>\n<p>Po zainstalowaniu Laravela utw\u00f3rz baz\u0119 danych i dodaj swoje dane uwierzytelniaj\u0105ce do bazy danych w <code>.env<\/code>pliku. Poniewa\u017c dodajemy social login w aplikacji, dodam 2 dodatkowe kolumny do domy\u015blnego pliku migracji u\u017cytkownik\u00f3w i troch\u0119 zmodyfikuj\u0119 jego kod.<\/p>\n<p>Otw\u00f3rz plik migracji u\u017cytkownika i dodaj poni\u017cszy kod do <code>up<\/code>metody.<\/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;bigIncrements('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>W powy\u017cszym kodzie Doda\u0142em 2 kolumny <code>provider<\/code>i <code>provider_id<\/code>kt\u00f3ra b\u0119dzie posiada\u0107 warto\u015bci \u201egoogle&quot; i profilu Google identyfikator u\u017cytkownika odpowiednio. Utw\u00f3rz tabel\u0119 \u201eu\u017cytkownicy&#8221;, uruchamiaj\u0105c polecenie migracji.<\/p>\n<pre><code>php artisan migrate<\/code><\/pre>\n<p>Musisz r\u00f3wnie\u017c doda\u0107 te 2 kolumny 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>Utw\u00f3rz aplikacj\u0119 Google i zdob\u0105d\u017a swoje po\u015bwiadczenia<\/h3>\n<p>Nast\u0119pnie musimy stworzy\u0107 projekt w konsoli Google APIs. Aby uko\u0144czy\u0107 proces OAuth dla u\u017cytkownik\u00f3w, b\u0119dziemy wymaga\u0107 identyfikatora klienta i klucza klienta aplikacji.<\/p>\n<p>Wykonaj poni\u017csze czynno\u015bci, aby utworzy\u0107 projekt Google i uzyska\u0107 po\u015bwiadczenia. Ze wzgl\u0119du na samouczek u\u017cywam adresu URL serwera lokalnego. Mo\u017cesz dostosowa\u0107 ten adres URL zgodnie z wymaganiami.<\/p>\n<ul>\n<li>Przejd\u017a do <a href=\"https:\/\/console.developers.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Konsoli programisty Google<\/a>.<\/li>\n<li>Kliknij na rozwijane menu i utw\u00f3rz nowy projekt, klikaj\u0105c znak (+). Alternatywnie mo\u017cesz r\u00f3wnie\u017c wybra\u0107 istniej\u0105cy projekt.<\/li>\n<li>Na pulpicie projektu wybierz Po\u015bwiadczenia z paska bocznego.<\/li>\n<li>Na karcie Po\u015bwiadczenia kliknij menu rozwijane Utw\u00f3rz po\u015bwiadczenia i wybierz Identyfikator klienta OAuth.<\/li>\n<li>Wybierz aplikacj\u0119 internetow\u0105 z Typ aplikacji. W Autoryzowane adresy URL przekierowania wpisz adres URL <code>http:\/\/localhost:8000\/google\/callback<\/code>.<\/li>\n<\/ul>\n<p>Po zapisaniu otrzymasz wyskakuj\u0105ce okienko wraz z identyfikatorem klienta i kluczem tajnym klienta. Skopiuj te klucze, kt\u00f3rych b\u0119dziemy potrzebowa\u0107 za kilka chwil.<\/p>\n<h3>Tw\u00f3rz trasy i kontroler<\/h3>\n<p>Jeste\u015b gotowy z kluczami API. Aby przej\u015b\u0107 dalej, musimy utworzy\u0107 trasy, plik ostrza i kontroler. Utw\u00f3rz za <code>LoginController<\/code>pomoc\u0105 polecenia:<\/p>\n<pre><code>php artisan make:controller LoginController<\/code><\/pre>\n<p>Nast\u0119pnie utw\u00f3rz plik blade o nazwie <code>login.blade.php<\/code>i dodaj do niego poni\u017cszy kod HTML.<\/p>\n<pre><code>&lt;a href=\"{{ url('\/login\/google') }}\"&gt;\n\u00a0\u00a0\u00a0\u00a0{{ __('Login with Google') }}\n&lt;\/a&gt;<\/code><\/pre>\n<p>Nazwij ten widok z <code>index<\/code>metody <code>LoginController<\/code>.<\/p>\n<pre><code>public function index()\n{\n\u00a0\u00a0\u00a0\u00a0return view('login');\n}<\/code><\/pre>\n<p>Aby wywo\u0142a\u0107 ten widok, musisz doda\u0107 do niego tras\u0119. Dodajmy jeszcze kilka tras, kt\u00f3re b\u0119d\u0105 potrzebne w nast\u0119pnej 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>Zauwa\u017c, \u017ce doda\u0142em <code>home<\/code>tras\u0119. Gdy u\u017cytkownik zaloguje si\u0119 w Google, przekieruj\u0119 go na <code>home<\/code>tras\u0119. Zachowuj\u0119 go tylko do cel\u00f3w demonstracyjnych. Powiniene\u015b zmieni\u0107 t\u0119 tras\u0119 na co\u015b innego.<\/p>\n<h3>Zaloguj si\u0119 przez Google w Laravel za pomoc\u0105 Laravel Socialite<\/h3>\n<p>Jak dot\u0105d sko\u0144czyli\u015bmy z podstawow\u0105 konfiguracj\u0105 wymagan\u0105 do logowania spo\u0142eczno\u015bciowego. Teraz. czas zainstalowa\u0107 bibliotek\u0119 <a href=\"https:\/\/laravel.com\/docs\/master\/socialite\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Laravel Socialite<\/a>. Zainstaluj go, uruchamiaj\u0105c poni\u017csze polecenie w terminalu.<\/p>\n<pre><code>composer require laravel\/socialite<\/code><\/pre>\n<p>Po zainstalowaniu biblioteki otw\u00f3rz <code>config\/services.php<\/code>i dodaj konfiguracj\u0119 Google w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n<pre><code>'google' =&gt; [\n\u00a0\u00a0\u00a0\u00a0'client_id'\u00a0\u00a0\u00a0\u00a0 =&gt; env('GOOGLE_CLIENT_ID'),\n\u00a0\u00a0\u00a0\u00a0'client_secret' =&gt; env('GOOGLE_CLIENT_SECRET'),\n\u00a0\u00a0\u00a0\u00a0'redirect'\u00a0\u00a0\u00a0\u00a0\u00a0 =&gt; env('GOOGLE_REDIRECT_URL'),\n],<\/code><\/pre>\n<p>Poniewa\u017c u\u017cyli\u015bmy <code>env<\/code>metody, aby uzyska\u0107 po\u015bwiadczenia, musimy doda\u0107 te po\u015bwiadczenia w <code>.env<\/code>pliku.<\/p>\n<pre><code>GOOGLE_CLIENT_ID=YOUR_CLIENT_ID\nGOOGLE_CLIENT_SECRET=YOUR_CLIENT_SECRET\nGOOGLE_REDIRECT_URL=http:\/\/localhost:8000\/google\/callback<\/code><\/pre>\n<p>Pami\u0119taj, aby zast\u0105pi\u0107 symbole zast\u0119pcze rzeczywistymi warto\u015bciami. Na koniec musimy doda\u0107 w <code>LoginController.php<\/code>pliku kod, kt\u00f3ry przekierowuje u\u017cytkownika na stron\u0119 logowania Google iw zamian obs\u0142uguje odpowied\u017a. W tym pliku piszemy funkcj\u0119, kt\u00f3ra przekierowuje u\u017cytkownika na stron\u0119 logowania Google i po udanej autoryzacji wstawi dane u\u017cytkownika do bazy danych i zaloguje u\u017cytkownika.<\/p>\n<p><strong>LoginController.php<\/strong><\/p>\n<pre><code>&lt;?php\n\u00a0\u00a0\nnamespace AppHttpControllers;\n\u00a0\u00a0\nuse IlluminateHttpRequest;\nuse Socialite;\nuse AppModelsUser;\nuse Auth;\n\u00a0\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 Google 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 Google.\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>W naszym pliku kontrolera sprawdzamy, czy u\u017cytkownik z <code>provider_id<\/code>ju\u017c istnieje, czy nie. Je\u015bli istnieje, zwr\u00f3\u0107 bie\u017c\u0105c\u0105 instancj\u0119 u\u017cytkownika, w przeciwnym razie wstaw j\u0105 do tabeli u\u017cytkownik\u00f3w i zaloguj si\u0119.<\/p>\n<p>Mam nadziej\u0119, \u017ce dowiedzia\u0142e\u015b si\u0119 o Google Login w Laravel za pomoc\u0105 pakietu Socialite. Chcia\u0142bym us\u0142ysze\u0107 wasze przemy\u015blenia i 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-za-pomoca-twittera-w-laravel-za-pomoca-laravel-socialite\/\" title=\"Zaloguj si\u0119 za pomoc\u0105 Twittera w Laravel za pomoc\u0105 Laravel Socialite\">Zaloguj si\u0119 za pomoc\u0105 Twittera w Laravel za pomoc\u0105 Laravel Socialite<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/pl\/jak-dodac-logowanie-google-oauth-do-witryny-za-pomoca-php\/\" title=\"Jak doda\u0107 logowanie Google OAuth do witryny za pomoc\u0105 PHP\">Jak doda\u0107 logowanie Google OAuth do witryny za pomoc\u0105 PHP<\/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 artykule badamy logowanie Google w Laravel za pomoc\u0105 Laravel Socialite. Korzystanie z logowania spo\u0142eczno\u015bciowego zapewnia lepsze wra\u017cenia u\u017cytkownika ko\u0144cowego<\/p>\n","protected":false},"author":1,"featured_media":20248,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[501],"tags":[847],"class_list":["post-29327","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\/29327","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=29327"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/29327\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/20248"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=29327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=29327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=29327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}