官網接 LINE：收發訊息與會員登入圖解

收發訊息：客人傳給官方帳號 → 安庭後台收到 → 你從後台回覆。這條線用 Messaging API。

會員登入（選用）：客人在官網按「使用 LINE 繼續」→ 授權 → 回到網站成為會員。這條線用 LINE Login。

兩者都要時，兩個 channel 放在你自己的同一個 Provider。圖文選單與 LIFF 可以接通後再做。

進入你的網站後台，點「社群」，再進 LINE。所有 LINE 憑證都在這裡填寫；會員設定頁只顯示開放狀態。

先找到「專屬 Webhook URL」和「Messaging API 憑證（官方帳號）」。進度條後兩步屬於會員登入，這時可以先不用完成。

打開 LINE 官方帳號管理後台，選你的官方帳號 →「設定」→「Messaging API」。

尚未啟用時，啟用 Messaging API 並選擇你自己的 Provider；若已有 LINE Login，選它所在的 Provider。系統會建立 Messaging API channel。已啟用的人直接進下一步。

用同一個 LINE 帳號登入 LINE Developers Console，從 Providers 進入剛才的 Provider，打開 Messaging API channel。

「Basic settings」→ 複製 Channel ID 與 Channel secret。

「Messaging API」→ Channel access token（long-lived）。尚無 token 時按 Issue 核發；已有可用 token 就使用原本那組。

回「社群 → LINE」，找到 Messaging API 憑證（官方帳號）。

把 Channel ID、Channel Secret、Channel Access Token 貼入同名欄位，按「儲存」。平台會核對憑證，並登記這個網站專屬的 Webhook URL。

在同一個 Messaging API channel 的「Messaging API」分頁，找到 Webhook settings，確認 Webhook URL 與安庭後台一致，再開啟 Use webhook。

回安庭 LINE 頁重新整理。看「專屬 Webhook URL」下方的狀態，以及「目前連到的官方帳號」名稱。

用手機 LINE 加入你的官方帳號好友，傳一則你認得的測試文字。

回安庭「社群 → 訊息中心」，選 LINE 並打開這段對話；也可從 LINE 頁的「客戶對話」進入。

確認收到剛才的文字，再從後台回覆一句，回手機確認收到。

需要會員登入時，先確認安庭已開啟「會員系統」。

回 LINE Developers，進入剛才 Messaging API 所在的 同一個 Provider → Create a new channel → LINE Login；App type 選 Web app。已有 LINE Login 時，先核對它所在的 Provider。

在 LINE Login channel 的「LINE Login」分頁，將 Callback URL 設為 https://anting.tw/api/auth/line/callback。這是登入後返回安庭的網址，和 Webhook 不同。

在這個 LINE Login channel 的「Basic settings」複製 Channel ID 與 Channel secret。

回安庭「社群 → LINE」的 LINE Login 憑證（會員用 LINE 登入） 貼入兩項資料並儲存。沒有另外的 LINE 登入開關。

同一個 LINE Login channel →「Basic settings」→ Linked LINE Official Account → Edit。

選擇剛才接通的官方帳號，按 Update。你必須同時有 LINE Login 與官方帳號的管理權限。

這樣登入時才有機會顯示加入好友選項；客人仍要同意加入。沒有出現時，也可使用官方帳號的加好友連結。

檢查 LINE Login channel 頂端狀態。若仍是 Developing（開發中），切換成 Published（已公開），一般客人才可以登入。

若啟用了 Require two-factor authentication，登入可能需要額外驗證。測試時確認客人能完成驗證，不要把「關閉驗證」當成串接成功的必要條件。

請一位不是 channel 管理員的人，用手機開啟你的官網 /login，按 使用 LINE 繼續，完成授權並回到網站。

接著確認這個人也加入了你的官方帳號好友。授權畫面若未顯示加好友選項，就用官方帳號加好友連結完成。

回「社群 → LINE」，查看下方 會員與好友對得起來嗎。

若顯示有人同時出現在兩邊，代表已有實際對應資料。若沒有，先核對是否同一人、已加好友、未封鎖，以及 Webhook 是否收到事件。

排除以上原因後，再到 LINE Developers 核對兩個 channel 的 Provider。確認建錯時，才在正確 Provider 重建 LINE Login；既有會員需重新登入綁定。

想在聊天室底部放官網、預約或商品入口，再設定 圖文選單。

需要 LINE 內的整合頁面與登入流程，再設定 LIFF。它們都不是基本收發訊息的前置條件。