post-image

Tìm hiểu về Socialite trong Laravel

Tổng quan

NỘI DUNG BÀI VIẾT

Giới thiệu

Hiện nay, với một trang web thì không thể thiếu được việc sử dụng socialite . Tuy nhiên ở trong doc laravel không hướng dẫn kĩ việc sử dụng nhiều tài khoản xã hội nên bài viết này tôi muốn chia sẻ một chút về socialite trong laravel.

Cài đặt

Đầu tiên, chúng ta add vào file composer.json .

composer require laravel/socialite
Code language: JavaScript (javascript)

Sau đấy , ta sẽ cài đặt thư viện socialite Laravel\Socialite\SocialiteServiceProvider vào trong file config/app.php :

'providers' => [ // Other service providers... Laravel\Socialite\SocialiteServiceProvider::class, ],
Code language: PHP (php)

and alias

'aliases' => [ 'Socialite' => Laravel\Socialite\Facades\Socialite::class, ],
Code language: PHP (php)

Tiếp đến , chúng ta muốn sử dụng socialite nào thì chúng ta thêm credentials vào trong file config/service . Ví dụ ở đây chúng ta sử dụng facebook hay google . Chúng ta có thể sử dụng nhiều tài khoản xã hội cùng một lúc .

'facebook' => [ 'client_id' => '690344774435367', 'client_secret' => 'ebc50d3fd1d2f7286e02d247e5751ef4', 'redirect' => 'http://localhost:8000/callback', ],
Code language: PHP (php)
'google' => [ 'client_id' => '716438745047-ua94i3snt6s01i0ncn3u33j5h5rvu9rk.apps.googleusercontent.com', 'client_secret' => '23zeZz1ya9syFMH4ggQM2e-p', 'redirect' => 'http://localhost:8000/callback/google', ],
Code language: PHP (php)

Với client_id , client_secret thì tùy vào sử dụng mạng xã hội nào thì ta sẽ vào tạo ứng dụng để lấy ID ứng dụng và mật khẩu cho ứng dụng đấy.Ví dụ như facebook chúng ta sẽ vào trang để tạo ứng ứng:

https://developers.facebook.com/
Code language: JavaScript (javascript)

Việc sử dụng nhiều tài khoản cùng một lúc hoặc có nhiều tài khoản xã hội ví dụ như twiter sẽ không cung cấp email cho chúng ta vì vậy chúng ta cần thiết lập lại cơ sở dữ liệu cho phép trường email có thể null :

$table->string('email')->unique()->nullable();
Code language: PHP (php)

Với việc sử dụng nhiều tài khoản xã hội thì chúng ta cần có một bảng dữ liệu để lưu lại bằng cách chạy câu lệnh :

php artisan make:migration create_social_accounts_table --create="social_accounts" php artisan make:model SocialAccount
Code language: JavaScript (javascript)

Add các trường sau trong migration:

<?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; class CreateSocialAccountsTable extends Migration { public function up() { Schema::create('social_accounts', function(Blueprint $table) { $table->increments('id'); $table->integer('user_id'); $table->string('provider_user_id'); $table->string('provider'); $table->timestamps(); }); } public function down() { Schema::drop('social_accounts'); } }
Code language: HTML, XML (xml)

Trong model SocialAccount ta cần xác định mối quan hệ với bảng User:

<?php namespace App\Models; use Illuminate\Database\Eloquent\Model; use App\Models\User; class SocialAccount extends Model { protected $fillable = [ 'user_id', 'provider_user_id', 'provider', ]; public function user() { return $this->belongsTo(User::class); } }
Code language: HTML, XML (xml)

Bây giờ, chúng ta cần một service để đăng kí sử dụng hoặc đăng nhâp nếu tài khoản đã tồn tại. Chúng ta tạo SocialAccountService.php trong folder app\Service

<?php namespace App\Services; use App\Models\User; use App\Models\SocialAccount; use Laravel\Socialite\Contracts\Provider; class SocialAccountService { public function createOrGetUser(Provider $provider) { $providerUser = $provider->user(); $providerName = class_basename($provider); $account = SocialAccount::whereProvider($providerName) ->whereProviderUserId($providerUser->getId()) ->first(); if ($account) { return $account->user; } else { $account = new SocialAccount([ 'provider_user_id' => $providerUser->getId(), 'provider' => $providerName ]); $user = User::whereEmail($providerUser->getEmail())->first(); if (!$user) { $user = User::create([ 'email' => $providerUser->getEmail(), 'name' => $providerUser->getName(), 'avatar' => $providerUser->getAvatar(), ]); } $account->user()->associate($user); $account->save(); return $user; } } }
Code language: HTML, XML (xml)

Chúng ta sử dụng các function getEmail() , getName()…để lấy dữ liệu

Sau đó, chúng ta cần tạo một controller , sử dụng câu lệnh :

php artisan make:controller SocialAuthController
Code language: CSS (css)

Sử dụng 2 methods redirectToProvider() và handleProviderCallback() trong controller này . Ta có ví dụ :

<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Http\Requests; use App\Http\Controllers\Controller; use App\Services\SocialAccountService; use Socialite; use Auth; class SocialAccountController extends Controller { public function redirectToProvider($provider) { return Socialite::driver($provider)->redirect(); } public function handleProviderCallback(SocialAccountService $service, $provider) { $user = $service->createOrGetUser(Socialite::driver($provider)); Auth::login($user); return redirect()->to('/'); } }
Code language: HTML, XML (xml)

Cuối cùng ta chỉ cần thêm routing vào file routes.php

Route::get('login/{social}', [ 'as' => 'login.{social}', 'uses' => 'SocialAccountController@redirectToProvider' ]); Route::get('login/{social}/callback', [ 'as' => 'login.{social}.callback', 'uses' => 'SocialAccountController@handleProviderCallback' ]);
Code language: PHP (php)

Đương nhiên, chúng ta cần tạo link ở view:

<a class="circle facebook" href=" {{ url('login/facebook')}} "> <i class="fa fa-facebook-square fa-2x"></i> </a> <a class="circle twitter" href=" {{ url('login/twitter')}}"> <i class="fa fa-twitter-square fa-2x"></i> </a> <a class="circle google" href=" {{ url('login/google') }} "> <i class="fa fa-google-plus-official fa-2x"></i> </a>``
Code language: HTML, XML (xml)

Hi vọng ở bài viết này có thể giúp các bạn hiểu thêm về socialite với framwork Laravel . Nếu có ý kiến gì thì mong mọi người góp ý ở comment dưới đây nhé ! Thank you!!

Ngoài ra , mọi người có thể tham khảo thêm ở link sau :

Tài liệu tham khảo

Các bạn có thể tham khảo các bài viết hay về Laravel tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

Tham khảo: https://viblo.asia/p/tim-hieu-ve-socialite-trong-laravel-DbmemLOMGAg

Leave a Reply

Your email address will not be published. Required fields are marked *