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

這支影片用圖解帶你把官網接上 LINE：
先接官方帳號收發訊息，需要的話，
再接會員用 LINE 登入。

先分清楚兩條線。收發訊息：客人傳給官方帳號，
安庭後台收到，你從後台回覆，
這條用 Messaging API。
會員登入是選用的：
客人在官網按「使用 LINE 繼續」，
授權後回到網站成為會員，
這條用 LINE Login。兩個都要時，
放在你自己的同一個 Provider。

在安庭進入後台，點「社群」，再進 LINE。
所有 LINE 憑證都在這裡填。
先找到專屬 Webhook URL 和
Messaging API 憑證；
進度條後兩步屬於會員登入，可以先不用完成。

打開 LINE 官方帳號管理後台，
選你的官方帳號，
進入設定的 Messaging API。
還沒啟用就按啟用，
選你自己的 Provider；
已經有 LINE Login 的話，
選它所在的 Provider。

用同一個 LINE 帳號登入 L
INE Developers，
從 Providers 進入
剛才的 Provider，
打開 Messaging
API channel。
在 Basic settings
複製 Channel ID 和
Channel secret，
再到 Messaging API 分頁取得
Channel access token；
還沒有就按 Issue。

回到安庭的 LINE 頁，
把三項貼進「Messagin
g API 憑證（官方帳號）」的同名欄位，
按「儲存」。平台會核對憑證，
並登記這個網站專屬的 W
ebhook URL。

回 LINE Developers 的
Messaging API 分頁，
確認 Webhook U
RL 和安庭後台一致，
打開 Use webhook。
回安庭重新整理，
看到「Webhook 已接通並啟用」，
也確認連到的官方帳號是你的。

用手機加官方帳號好友，
傳一句你認得的測試文字。回安庭「社群」
的訊息，打開這段對話，回覆一句，
再回手機確認收到。只需要收訊息的人，
做到這裡就完成了。

需要會員登入時，先確認安庭已開啟會員系統。
回 LINE Developers，
進入 Messaging API
所在的同一個 Provider，
按 Create a n
ew channel，
選 LINE Login，
App type 選 Web app。

在 LINE Login 分頁，
把 Callback URL
設成安庭的登入返回網址，
它和 Webhook 不同。
再到這個 channel 的 Basic
settings 複製 Channel I
D 和 Channel secret，
貼進安庭的 LINE L
ogin 憑證並儲存。
沒有另外的 LINE 登入開關。

在同一個 LINE Login chann
el 的 Basic settings，
找到 Linked LINE O
fficial Account，
按 Edit，選剛才接通的官方帳號，
按 Update。這樣登入時，
才有機會顯示加入好友。

看 LINE Login c
hannel 頂端的狀態。
還是 Developing 的話，
切換成 Published，
一般客人才能登入。

請一位不是 channel 管理員的人，
用手機打開官網的登入頁，
按「使用 LINE 繼續」，
完成授權回到網站。
再確認他也加了官方帳號好友；
沒出現加好友選項，就用官方帳號的加好友連結。

回安庭的 LINE 頁，
看下方的「會員與好友對得起來嗎」。
顯示有人同時出現在兩邊，
就代表兩個 channel 對上了。
沒有的話，先核對是不是同一人、有沒有加好友、
Webhook 有沒有收到事件。

接通之後，再依需要設定圖文選單和 LIFF。
它們都不是基本收發訊息的前置條件。

完成了！
官網的 LINE 收訊息和會員登入都接好了。