設定 LINE 社交登入
訪客可以透過LINE帳號註冊或登入我的網站。本指南將說明在LINE開發者中心設置LINE登入及串接到我的網站的步驟。
開始之前
1. 防止以相同名字(暱稱)的重複註冊
請解除防止以相同名字(暱稱)重複註冊的限制。使用社交登入功能者大部分都直接使用註冊社交平台時的名字(暱稱)。為順利添加並使用社交登入功能，需先解除防止以相同名字(暱稱)重複註冊的限制，以允許在社交平台註冊時使用相同名字(暱稱)者使用。
2. 建立 LINE 開發人員帳號
使用LINE社交登入時需要LINE開發者帳號，如果還沒有LINE帳號，請在LINE Developers 點擊右上方的 Log in 按鈕後點擊 「建立帳號按鈕」 建立新的開發者帳號。
設置方法
- 進入 LINE Developer 頁面。
點擊右上方 Log in（登入）按鈕後，使用 LINE 開發者帳號登入。
點選 Providers 菜單後，點擊 Create a new provider 按鈕。
Provider name 欄位輸入公司名稱或網站名稱。(用戶將看得到此名稱)
點擊 Create a LINE Login channel。
出現輸入 Channel 資料欄位時，參考下方輸入資料。
- Channel name: 輸入公司名稱或網站名稱。
- Channel description: 輸入網站說明。
- App types: 勾選 Web app。
- 勾選 I have read and agree to the LINE Developers Agreement。
- 點擊 Create 按鈕。
為接收Email地址為加入項目，在 Basic setting 分頁中，點選 Email address permission 項目右側 Apply。
勾選同意項目後，擷取同意條款(同意Email地址蒐集目的) 畫面並上傳。
以下畫面為示意圖，請直接擷取實際操作畫面。
點擊 LINE login 頁面在 Callback URL 欄位輸入。使用多個域名時，需以域名/oauth 形式在每個新行列填入所有使用的域名。(例：https://mydomain.com/oauth)
點擊畫面上端開發狀態 Developing 按鈕後變更為 Published 狀態。
移動到 Basic settings 分頁中複製 Channel ID。
下拉頁面複製 Channel secret。
- 進到我的網站管理頁面。進入方法
- 在左側菜單點擊 [環境設置 > 社交登入/API設置]。
在 LINE 登入的地方輸入上面複製的 Channel ID 和 Channel secret。
- 點擊 儲存 按鈕。
- 就可以正常使用 LINE 社交登入囉！
