LINE 登入
LINE 登入 可允許客戶不用在網站註冊帳號及密碼,即可直接登入網站。
本文章節
設定 LINE Login Channel
新增 Provider
請至 https://developers.line.biz/ 申請你的 Line 開發者帳號,並登入開發者後台,新增一個 Provider。
如果你已經建立 LINE 官方帳號的 Messaging API,可略過此步驟。
![新增 Provider](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-1.png)
新增 LINE Login Channel
前往 Provider > Channels,點擊 Create a new channel。
![新增 LINE Login Channel](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-2.png)
選擇 LINE Login。
![新增 LINE Login Channel](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-3.png)
請填寫所有欄位,其中 App types 選擇 Web app。
![新增 LINE Login Channel](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-7.png)
![新增 LINE Login Channel](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-8.png)
![新增 LINE Login Channel](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-9.png)
啟用 OpenID Connect 的 Email 授權
前往 Channel > Basic settings 找到 OpenID Connect 區塊,此時狀態會是 Unapplied,請點擊 Apply 按鈕並同意相關條款。
![啟用 OpenID Connect 的 Email 授權](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-10.png)
![啟用 OpenID Connect 的 Email 授權](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-11.png)
完成後狀態會變成 Applied。
![啟用 OpenID Connect 的 Email 授權](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-12.png)
設定 Callback URL
前往 Channel > LINE Login 找到 Callback URL 設定為:https://your-domain.com/api/line-login/callback。
your-domain.com 請改成你的正式網址。
![設定 Callback URL](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-4.png)
複製 Channel ID 和 secret
前往 Channel > Basic settings 找到 Channel ID 和 Channel secret,將這兩個值複製到 GOGOSHOP 管理後台 > 應用介接 > LINE,和勾選啟用 LINE Login
![](https://info.gogoshop.cloud/wp-content/uploads/2023/09/截圖-2023-09-05-下午10.20.05-1024x742.png)
將 LINE Login Channel 狀態改為 Published
![將 LINE Login Channel 狀態改為 Published](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-6.png)
設定加入商家的 LINE 官方帳號
如果你已經使用 LINE 官方帳號,可經由此設定,讓訪客在首次使用 LINE 登入時,選擇是否加入你的 LINE 官方帳號。
如果你還沒有 LINE 官方帳號,請至 https://tw.linebiz.com/account/ 申請你的 Line 官方帳號。
LINE 官方帳號啟用 Messaging API
前往 LINE 官方帳號後台 > 設定 > Messaging API >,點擊啟用Messaging API。
![](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-13.png)
請選擇和 LINE Login Channel 相同的 Provider。
![](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-14.png)
填寫隱私權政策和服務條款網址。
![](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-15.png)
確定。
![](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-16.png)
前往 LINE 開發者後台,Provider > Channel > Basic settings 找到 Linked OA,變更為您的 LINE 官方帳號。
![](https://cdn.gogoshop.cloud/cdn-cgi/image/f=auto,q=100,width=1440/w/img/help/line-login-17.png)
設定完成後,訪客首次使用 LINE 登入的授權流程中,將出現加入 LINE 官方帳號按鈕。
有兩種顯示方式(如下圖),設定位置在 GOGOSHOP 管理後台 > 應用介接 > LINE > LINE 登入 > 訪客加入商家 LINE 官方帳號方式。
![](https://info.gogoshop.cloud/wp-content/uploads/2023/09/bot-prompt-en.b97911dc-1024x594.png)