Google登入設定

設定Oauth同意畫面

前往Google Cloud Platform的API服務頁面

選擇OAuth同意畫面

User Type選擇外部

設定範圍(OAuth Scope)

若是一般登入的話

只要勾選Email、Profile即可

發布應用程式碼

在最後一步驟中

點擊"發布應用程式"

接者需要等待Google驗證

在這之前必須為此應用程式網域進行擁有權驗證

只要前往Google Search Console建立資源並驗證即可

憑證設定

點擊sidebar的憑證頁籤進入憑證設定頁

接著點擊上方的建立憑證

選擇建立"OAuth用戶端ID"

應用程式類型設定為"網頁應用程式"

接著設定一些基本資料

已授權的 JavaScript 來源：設定網站的前台網域，例如 https://example.com
已授權的重新導向 URI：設定OAuth授權完整後導向的網址，格式詳見本文最後一段"已授權的重新導向網址格式"說明

取得用戶端編號、密碼

在憑證頁面的右上方

可取得用戶端編號、用戶端密碼

這些資訊請交給軟體開發人員介接使用

Done! 恭喜完成Google登入設定!

Facebook登入設定

建立應用程式

首先前往Facebook應用程式頁面

建立新的應用程式

應用程式類型請依照實際情況選擇

基本資料設定

要注意的是

隱私權政策、服務條款網址必須設定真實的說明內容網址

另外因Facebook要求必須提供使用者可自行刪除帳戶的功能

因此需要額外設定用戶刪除資料的指引說明頁面網址

最後取得應用程式編號、應用程式密鑰

這些資訊請交給軟體開發人員介接使用

設定OAuth重新導向網址

格式詳見本文最後一段"已授權的重新導向網址格式"說明

Done! 恭喜完成Facebook登入設定!

Line登入設定

建立應用程式

首先前往Line Developer Console

點擊Create Provider

接著點擊"Create a LINE Login Channel"

設定應用程式基本資料

設定好名稱、Region、Channel icon等基本資料

並將App Type設定為Web

若有需要可設定隱私權政策、會員條款網址

最後點擊建立按鈕

取得Channel ID、Channel Secret

接著前往應用程式頁面

取得Channel ID、Channel Secret

這些資訊要交給軟體開發人員介接使用

請求Email存取權限

在應用程式的"Basic settings"子頁面中

在Email address permission的地方點擊"Apply"

並勾選同意條款、附上使用情形的截圖

最後進行提交

設定OAuth重新導向網址

前往應用程式的"LINE Login"子頁面

格式詳見本文最後一段"已授權的重新導向網址格式"說明

Done! 恭喜完成Line登入設定!

Higher Eagle已授權的重新導向網址格式

請將https://example.com換為實際網站的網域

Google: https://example.com/oauth-return/google
Facebook: https://example.com/oauth-return/facebook
Line: https://example.com/oauth-return/line

Web第三方登入設定