• 指南

設定 LINE 社交登入

訪客可以透過LINE帳號註冊或登入我的網站。本指南將說明在LINE開發者中心設置LINE登入及串接到我的網站的步驟。

開始之前

1. 防止以相同名字(暱稱)的重複註冊

請解除防止以相同名字(暱稱)重複註冊的限制。使用社交登入功能者大部分都直接使用註冊社交平台時的名字(暱稱)。為順利添加並使用社交登入功能,需先解除防止以相同名字(暱稱)重複註冊的限制,以允許在社交平台註冊時使用相同名字(暱稱)者使用。

解除方法:管理頁面 > 環境設置 > 註冊及羣組設置 > (下拉到中間部分) 輸入表管理 > 名字部分按下修改按鈕後,解除勾選[防止以相同名字(暱稱)的重複註冊]
2. 建立 LINE 開發人員帳號

使用LINE社交登入時需要LINE開發者帳號,如果還沒有LINE帳號,請在LINE Developers 點擊右上方的 Log in 按鈕後點擊 「建立帳號按鈕」 建立新的開發者帳號。

設置方法

  1. 進入 LINE Developer 頁面。
  2. 點擊右上方 Log in(登入)按鈕後,使用 LINE 開發者帳號登入。

  1. 點選 Providers 菜單後,點擊 Create a new provider 按鈕。

  2. Provider name 欄位輸入公司名稱或網站名稱。(用戶將看得到此名稱)

  1. 點擊 Create a LINE Login channel

  2. 出現輸入 Channel 資料欄位時,參考下方輸入資料。

    • Channel name: 輸入公司名稱或網站名稱。
    • Channel description: 輸入網站說明。
    • App types: 勾選 Web app。
    • 勾選 I have read and agree to the LINE Developers Agreement
  3. 點擊 Create 按鈕。
  1. 為接收Email地址為加入項目,在 Basic setting 分頁中,點選 Email address permission 項目右側 Apply

  2. 勾選同意項目後,擷取同意條款(同意Email地址蒐集目的) 畫面並上傳。

    以下畫面為示意圖,請直接擷取實際操作畫面。

  1. 點擊 LINE login 頁面在 Callback URL 欄位輸入。使用多個域名時,需以域名/oauth 形式在每個新行列填入所有使用的域名。(例:https://mydomain.com/oauth)

  2. 點擊畫面上端開發狀態 Developing 按鈕後變更為 Published 狀態。

  1. 移動到 Basic settings 分頁中複製 Channel ID

  2. 下拉頁面複製 Channel secret

  3. 進到我的網站管理頁面。進入方法
  4. 在左側菜單點擊 [環境設置 > 社交登入/API設置]
  5. 在 LINE 登入的地方輸入上面複製的 Channel IDChannel secret

  6. 點擊 儲存 按鈕。
  7. 就可以正常使用 LINE 社交登入囉!
跳轉至目錄

用過一次就愛上,“我”就是I’MWEB的忠實粉絲。

在I’MWEB自由表達“我”的想法
704.5K
累積的建設網站數量
已有數十萬位用戶
在I’MWEB表達著自己的理念。
315
平均每日建設的網站數量
每日有多個新品牌在
I'MWEB 推出客製化網站
3.3K
全國合作夥伴

I’MWEB官方合作夥伴