# 使用 Socialite 進行第三方登入以 Facebook 為例

# 安裝 socialite 套件

composer require laravel/socialite

# 設定 Facebook Login

// config/services.php
'facebook' => [
    'client_id' => env('FACEBOOK_CLIENT_ID'),
    'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
    'redirect' => 'http://example.com/callback-url',
],

# code

use Laravel\Socialite\Facades\Socialite;

// driver 設定的名稱跟你的 config/services.php 有關
$facebookUser = Socialite::driver('facebook')->userFromToken($request->token);

## Facebook developer 設定
前往 https://developers.facebook.com/apps/

[Facebook developer 設定](https://hms5232.medium.com/laravel-socialite-%E5%AF%A6%E4%BD%9C%E5%89%8D%E5%BE%8C%E7%AB%AF%E5%88%86%E9%9B%A2%E7%9A%84%E7%AC%AC%E4%B8%89%E6%96%B9%E7%99%BB%E5%85%A5-api-284ce2819667)

左邊欄位 `Facebbok 登入` -> 設定 -> 將 `使用 JavaScript SDK 登入` 打開 和 填入 `JavaScript SDK 允許的網域`

## 設定 google cloud platform

https://blog.scottchayaa.com/post/2018/11/14/google-oauth-tutorial/

###### tags: `laravel` `需要修正` `套件` `socialite` `facebook` `login` `第三方登入`

{%hackmd BJrTq20hE %}