Skip to content

連接 LINE 官方帳號

LINE全部方案
後台位置:設定 › 通訊平台

看完這篇,你可以把自己的 LINE 官方帳號接到 OakMega 工作區。整個流程大約 15 分鐘,會在三個地方之間切換:OakMega 後台的「串接 LINE」頁面、LINE Official Account Manager(LINE 官方帳號後台),以及 LINE Developers Console。

開始前 ​

  • 你要是工作區的管理員。 「設定 › 通訊平台」只有工作區管理員看得到。
  • 你要能管理這個 LINE 官方帳號:在 LINE 官方帳號後台是「管理員」權限,才能啟用 Messaging API 和修改回應設定。
  • 準備一支登入 LINE 的手機。 第 12 步要用 LINE 帳號登入一次,確認 LINE Login 設定正確。
  • 一個工作區只能串接 1 個 LINE 官方帳號,一個 LINE 官方帳號也只能接到 1 個工作區。

從通訊平台開始串接 ​

到「設定 › 通訊平台」,還沒串接時 LINE 區塊會顯示「立刻串接 LINE 吧!」。

通訊平台頁:LINE 區塊右上角有「開始串接」按鈕,表格欄位是帳號名稱、本月發送訊息量、本月剩餘訊息量、加入帳號網址,目前沒有資料,中間寫著「立刻串接 LINE 吧!」

按 LINE 區塊右上角的「開始串接」,就會進到「串接 LINE」頁面。頁面上列出 14 個步驟,每完成一步按「下一步」,OakMega 會在需要的步驟先替你檢查設定,檢查通過才會往下走。

下面的動畫示範從通訊平台按「開始串接」,接著在第 1、2 步按「下一步」。

第 1–2 步:建立 LINE 官方帳號並啟用 Messaging API ​

  1. 第 1 步 建立 LINE 官方帳號:已經有 LINE 官方帳號就直接按「下一步」。還沒有的話,到 LINE Official Account Manager 按「建立」,或用手機的 LINE Official Account App 建立。
  2. 第 2 步 啟用 Messaging API:
    1. 在 LINE Official Account Manager 選擇要串接的帳號,按右上角「設定」,再按左側的「Messaging API」。
    2. 狀態是「使用中」就跳過這一步。狀態是「未使用」時,按「啟用 Messaging API」。第一次使用會先要你登記開發者的名稱與 Email。
    3. 選擇或建立一個服務提供者(Provider),例如用公司或品牌名稱。服務提供者一旦綁定就不能更改,請確認選對。
    4. 照畫面說明完成啟用,回到 OakMega 按「下一步」。

第 3–4 步:貼上 Messaging API 資訊,確認帳號 ​

  1. 第 3 步 取得 Messaging API 資訊:
    1. 到 LINE Developers Console,在左側找到剛剛綁定的服務提供者,點進去,再點標示為 Messaging API 的那個 LINE 官方帳號。
    2. 在「Messaging API」分頁往下找到「Channel access token」。已經有內容就直接複製;沒有的話按右側「Issue」發行,再複製。貼到 OakMega 的「Channel access token」欄位。
    3. 切到「Basic settings」分頁,往下找到「Channel secret」,複製後貼到 OakMega 的「Channel Secret」欄位,按「下一步」。
  2. 第 4 步 確認 LINE 官方帳號:畫面會顯示這組資訊對應到的 LINE 官方帳號名稱與 ID。確認是你要串接的帳號,按「下一步」。

下面的動畫示範第 3、4 步:貼上 Channel access token 與 Channel Secret,按「下一步」後出現帳號確認畫面。畫面上的 token 已經模糊處理,這兩組值等同帳號的鑰匙,不要外流。

下圖是第 4 步的確認畫面:「請確認是否串接此 LINE 官方帳號」下面列出帳號名稱「OakMega 手冊示範」與 ID「@254cqmke」。

第 4 步確認 LINE 官方帳號:列出帳號名稱與 @ 開頭的 ID,下面提醒若帳號錯誤請返回前 2 步驟重新填寫

按下這一步的「下一步」時,OakMega 會自動把 Webhook 網址寫進你的 Messaging API 設定,你不用自己填。

第 5–6 步:開啟 Webhook,建立 LINE Login ​

  1. 第 5 步 修改回應設定並開啟 Webhook:回到 LINE Official Account Manager,按「設定」→ 左側「回應設定」。開啟「Webhook」,並關閉其他 3 個選項:聊天、加入好友的歡迎訊息、自動回應訊息。回到 OakMega 按「下一步」,OakMega 會檢查 Webhook 是否已經開啟。
  2. 第 6 步 建立 LINE Login:
    1. 在 LINE Developers Console 進入同一個服務提供者,按「Create a new channel」,選「LINE Login」。
    2. 選擇 Region to provide the service(例如台灣)與 Company or owner's country or region。
    3. 上傳 Channel icon,填 Channel name、Channel description,建議都跟 LINE 官方帳號一致。
    4. App types 勾選「Web app」,取消勾選「Require two-factor authentication」,Email address 填你的 Email。
    5. 勾選同意 LINE Developers Agreement,按「Create」。回到 OakMega 按「下一步」。

下面的動畫示範第 5、6 步:在 LINE 後台開好 Webhook 之後按「下一步」,OakMega 檢查通過進到第 6 步,再按「下一步」。

第 7–9 步:貼上 LINE Login 資訊,連結官方帳號與 Email 權限 ​

  1. 第 7 步 取得 LINE Login 資訊:進入剛建立的 LINE Login channel,在「Basic settings」分頁複製「Channel ID」與「Channel secret」,貼到 OakMega,按「下一步」。

下面的動畫示範第 7 步:貼上 Channel ID 與 Channel secret,按「下一步」,OakMega 檢查通過後進到第 8 步。

  1. 第 8 步 連接 LINE Login 與 LINE 官方帳號:同一頁往下找到「Linked LINE Official Account」,按「Edit」,選擇這次要串接的 LINE 官方帳號,按「Update」。回到 OakMega 按「下一步」。
  2. 第 9 步 取得 Open ID Email 權限:同一頁往下找到「Email address permission」,按「Apply」,勾選兩個同意項目,在「Screenshot」上傳 LINE 官方帳號的 Logo,按「Submit」。狀態變成 Applied 後,回到 OakMega 按「下一步」,OakMega 會檢查權限是否已經開通。

下面的動畫示範第 8、9 步:依序按「下一步」,OakMega 檢查 Email 權限通過後進到第 10 步。

第 10–11 步:設定 Callback URL,Publish LINE Login ​

  1. 第 10 步 設定 Callback URL:在 LINE Login channel 切到「LINE Login」分頁,找到「Callback URL」按「Edit」,填入 https://urli.ai/auth_line,按「Update」。回到 OakMega 按「下一步」。
  2. 第 11 步 Publish LINE Login:在 LINE Login channel 頁面最上方,按狀態「Developing」,在跳出的視窗按「Publish」。回到 OakMega 按「下一步」。

Publish 之後就不能改回 Developing,這是 LINE 的規定;只要 Callback URL 填對,正式上線就沒有問題。

下面的動畫示範第 10、11 步:在 LINE Developers 設好 Callback URL 並 Publish 之後,在 OakMega 依序按「下一步」,進到第 12 步。

第 12 步:驗證 LINE Login ​

  1. 按「LINE Login 驗證網站」,會開新分頁到 LINE 登入。用 LINE 帳號登入(可以用手機 LINE 掃 QR code,第一次可能還要在手機輸入驗證碼),同意授權後,頁面經過幾次跳轉,最後顯示「驗證成功!」。關掉那個分頁,回到 OakMega 按「下一步」。

下圖是第 12 步的畫面:上面是「LINE Login 驗證網站」連結,下面說明驗證會經過數次跳轉,以及驗證失敗時要檢查哪幾步。

第 12 步驗證 LINE Login:點擊 LINE Login 驗證網站,驗證成功後即可進行下一步;若驗證失敗,請檢查 8、9、10、11 步驟

下面的動畫示範第 12 步:按「LINE Login 驗證網站」(實際操作時會開新分頁到 LINE 登入),驗證成功後回來按「下一步」,進到第 13 步。

這次登入只是用來確認 LINE Login 設定正確,用誰的 LINE 帳號都可以,不會加好友、也不會收到訊息。

第 13–14 步:開啟 shareTargetPicker,完成串接 ​

  1. 第 13 步 開啟 shareTargetPicker:在 LINE Login channel 切到「LIFF」分頁,打開「shareTargetPicker」的開關(第一次會要你勾選同意資訊使用條款,再按「Enable」)。回到 OakMega 按「下一步」。 這個分頁在第 12 步完成後才會出現 LIFF 應用程式,因為 OakMega 會在那一步替你建立一個檢查用的 LIFF。

下面的動畫示範第 13 步:在 LINE Developers 開好 shareTargetPicker 之後按「下一步」,OakMega 檢查通過後進到第 14 步。

  1. 第 14 步 串接至 LINE:按「串接」。OakMega 會自動在 LINE Developers 建立需要的資料,可能要等一下。看到「串接成功!」就完成了,按「回到通訊平台」。

下面的動畫示範第 14 步:按「串接」,等待 OakMega 建立資料,最後跳出「串接成功!」視窗。

下圖是串接成功的視窗:標題「串接成功!」,下面寫著工作區已經與 LINE 官方帳號串接成功,右下角是「回到通訊平台」按鈕。

串接成功視窗:標題「串接成功!」,說明「你的工作區已經與 LINE 官方帳號串接成功。」,右下角是「回到通訊平台」按鈕

串接之後 ​

回到「設定 › 通訊平台」,LINE 區塊會列出剛串接的官方帳號。下圖中,帳號名稱「OakMega 手冊示範」、ID「@254cqmke」,本月發送訊息量 0、本月剩餘訊息量 200,右側是加入帳號網址,以及複製網址與 QR Code 兩個按鈕。

通訊平台頁的 LINE 區塊:列出 OakMega 手冊示範 @254cqmke,本月發送訊息量 0、本月剩餘訊息量 200、加入帳號網址 https://line.me/R/ti/p/@2…,右側有複製與 QR Code 按鈕

欄位說明
本月發送訊息量這個月已經從這個 LINE 官方帳號送出的訊息數
本月剩餘訊息量依你的 LINE 官方帳號方案,這個月還能送的訊息數(例如 LINE 的輕用量方案每月 200 則)
加入帳號網址讓別人加這個 LINE 官方帳號好友的網址,可以複製或下載 QR Code

串接之後,工作區列表上這個工作區的卡片右下角也會出現 LINE 圖示。

運作原理 ​

  • 為什麼要 Messaging API 和 LINE Login 兩個 channel? Messaging API 負責收發訊息:好友傳來的訊息透過 Webhook 送進 OakMega,OakMega 再用 Channel access token 回覆或發送。LINE Login 負責「知道是誰」:授權頁面、表單、優惠券等網頁型工具,以及追蹤連結,都靠它取得會員的 LINE 身分。
  • 為什麼回應設定只開 Webhook? 開了 Webhook,訊息才會送到 OakMega,由 OakMega 的聊天機器人與客服中心回覆。LINE 後台的聊天、歡迎訊息、自動回應訊息如果也開著,會跟 OakMega 一起回覆,好友可能收到兩次回應。
  • OakMega 在第 14 步做了什麼? 在你的 LINE Login channel 建立網頁型工具、追蹤連結與分享功能需要的 LIFF 應用程式,並建立加入好友網址的 QR Code 與分享連結。這些都是自動的,不要在 LINE Developers 手動刪除它們,否則相關功能會失效。
  • 每一步的檢查:
步驟OakMega 檢查什麼
第 3 步Channel access token 有效,而且跟 Channel secret 是同一個 channel;這個官方帳號沒有接到其他工作區
第 4 步自動把 Webhook 網址寫到 Messaging API
第 5 步LINE 官方帳號的 Webhook 已經開啟
第 7 步Channel ID 與 Channel secret 正確;這個 LINE Login 沒有接到其他工作區
第 9 步LINE Login 已經取得 Email 權限
第 12 步已經有人透過驗證網站成功登入;通過後建立檢查用的 LIFF
第 13 步shareTargetPicker 已經開啟

常見問題 ​

Channel access token 或 Channel secret 錯誤 ​

第 3 步貼上的兩組值不正確,或不是同一個 channel 的。確認 Channel access token 是在「Messaging API」分頁、Channel secret 是在同一個 channel 的「Basic settings」分頁複製的,前後沒有多複製到空白。

此 LINE 官方帳號已串接至其他工作區 ​

這個 LINE 官方帳號已經接在別的 OakMega 工作區。一個官方帳號只能接一個工作區。後台沒有解除 LINE 串接的按鈕,要把它從原本的工作區移出,請洽詢 OakMega 窗口;或改用其他官方帳號。

Webhook 未開啟 ​

第 5 步的 Webhook 還沒打開。到 LINE Official Account Manager 的「設定 › 回應設定」開啟「Webhook」再按「下一步」。已經開了還是出現這個訊息,請按「返回」回到第 4 步,再按一次「下一步」,讓 OakMega 重新寫入 Webhook 網址。

Channel ID 或 Channel secret 錯誤 ​

第 7 步貼的是 LINE Login channel 的值,不是 Messaging API 的。兩個 channel 各有自己的 Channel ID 和 Channel secret,請到 LINE Login channel 的「Basic settings」分頁複製。

此 LINE Login 已串接至其他工作區 ​

這個 LINE Login channel 已經用在別的工作區。請在 LINE Developers 另外建立一個新的 LINE Login channel。

OpenID Connect 未開啟 ​

第 9 步的 Email 權限還沒申請完成。確認「Email address permission」的狀態是 Applied。

LINE Login 尚未驗證或錯誤 ​

第 12 步的驗證還沒完成,或驗證失敗。重新按「LINE Login 驗證網站」,登入後要看到「驗證成功!」才算完成。驗證網站顯示失敗時,依序檢查第 8、9、10、11 步:官方帳號是否已連結、Email 權限是否已申請、Callback URL 是否正確、是否已 Publish。

shareTargetPicker 未開啟 ​

第 13 步的開關還沒打開。到 LINE Login channel 的「LIFF」分頁開啟「shareTargetPicker」。開了之後如果還是出現這個訊息,等一兩分鐘再按「下一步」。

你已經串接過 LINE 囉! ​

這個工作區已經接了一個 LINE 官方帳號,每個工作區只能串接 1 個。後台沒有解除 LINE 串接的按鈕,要換帳號請洽詢 OakMega 窗口。

下一步 ​