# 設定 LIFF ID – 先設定 Login Channel

## 設定 Login Channel 前，先確認是否已經有 LINE 官方帳號相對應的 Messaging API Channel 以及 Provider

您可以從 LINE Official Account Manager（Line OA 後台）->「設定」-> 「Messaging API」-> 點擊 「LINE Developers」 進入

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F6UxH2ee4sftYPNiyYcLN%2F%E6%88%AA%E5%9C%96%202022-01-03%20%E4%B8%8A%E5%8D%8811.34.26.png?alt=media&#x26;token=2f6f2736-47e2-49ce-9ccd-e8a8100b4c43" alt=""><figcaption></figcaption></figure>

#### 如您進到 LINE OA 原生後台顯示如下圖，表示您沒有開啟過 Messaging API Channel，請略過以下步驟，並至 [LINE 官方帳號整合到 Omnichat 的步驟一](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line2.0#bu-zhou-yi)接續完成。

提醒您：一旦開啟後，該 LINE 登入帳號也視為 Messaging API Channel 管理員帳號且無法變更。若您非該官方帳號擁有者或是非主管，請讓主管或是擁有者進行開啟 Messaging API 後並分享權限給您。

{% hint style="info" %}
LINE 官方帳號內管理員權限不代表擁有 Messaging API Channel 權限，兩者為分開獨立，請特別注意！
{% endhint %}

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FfguFBv4npDBNFRLhQJ1W%2FLINE%20OA%20%E5%B0%9A%E6%9C%AA%E9%96%8B%E5%95%9F%20Messaging%20API%20Channel%20.png?alt=media&#x26;token=29c6ee74-5fd9-4afd-8f97-8105b3394f73" alt=""><figcaption></figcaption></figure>

### 如貴司 LINE 官方帳號已開啟 Messaging API Channel，點擊後請點右上角人像處，並點擊 LINE Console

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FiUsIX0leMHkgUTlrTstb%2FLINE%20Console.png?alt=media&#x26;token=8525c60b-1f69-4662-9d91-1dbb6426ebaa" alt=""><figcaption></figcaption></figure>

#### 若您已經取得 Messaging API Channel 和相對應 Provider，則您畫面會如下圖：

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FLjgaKrPjxKgat4WEAaiz%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%883.20.55.png?alt=media&#x26;token=164a5fb8-ca65-4d82-8556-6106a215fc8e" alt=""><figcaption></figcaption></figure>

1. 可新增 Channel 的按鈕
2. Messaging API Channel（裡面的 Bot basic ID 等於 LINE@ ID）
3. Provider 名稱及它在「Admin」名稱下方

#### 情況一：如您登入後需要您重新創建一個 Provider（如下圖顯示）表示您沒有該 Messaging API Channel 及對應 Provider 帳號。

#### 請洽當時創建同仁授權。如果無法聯繫當時開啟權限同仁，請洽 LINE 官方客服請求拿回 Messaging API Channel 和對應 Provider 權限。

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FvEPDBrzLwCaUYdwieskK%2FLINE%20Console-1.png?alt=media&#x26;token=2168cf3e-7a96-47a6-a464-e59757f08eca" alt=""><figcaption></figcaption></figure>

#### 情況二：若您在畫面如下，左側選單顯示 Channel 名稱在「No role」底下，請先點擊進到 Messaging API Channel 內確認是否與您所要連接的 LINE 官方帳號相同

<div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FYLeFwtqjj1nXVLCgtAYR%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%881.47.39.png?alt=media&#x26;token=7a52b1a2-3054-470f-8ba3-835a0f23331a" alt=""><figcaption><p>點進去該 Channel 內選擇「Messaging API」分頁</p></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F4bAiskb3E0oVJ87GU9OW%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%881.53.33.png?alt=media&#x26;token=f1c83281-23e9-48c6-abdd-0d964756cfbd" alt=""><figcaption><p>確認 LINE ID 是否相符</p></figcaption></figure></div>

如相符，則您目前僅拿到 Messaging API Channel 權限，您需要取得 Provider 權限才能進行下一步！

{% hint style="info" %}
每一個 LINE 官方帳號都僅連接一個 Messaging API Channel，您無法自行創建一個\
因此，**請務必找到相對應的 Messaging API Channel 及 Provider**\
後續創建的 Login channel 及 LIFF ID 才會是正確的
{% endhint %}

### 如何取得 Provider ＆ Messaging API Channel 權限

#### 請有權限的同仁先確認畫面

只要畫面上 Admin 旁有 Provider 名稱，以及 Provider 內有 Messaging API Channel，請先點擊「Role」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FIQbr3B0e1nxDMinQHqa1%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%884.17.52.png?alt=media&#x26;token=9a69b54a-9a67-407a-b138-8a0db5577309" alt=""><figcaption></figcaption></figure>

#### 接下來點擊按鈕「Invite by e-mail」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2Fk99N0sq2FuO1QAfTaVNu%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%884.26.04.png?alt=media&#x26;token=9ef341e6-b87a-40ec-9f1e-2e7df115b71d" alt=""><figcaption></figcaption></figure>

輸入 E-mail 和選擇 Role 為「Admin」，並點擊按鈕「Send invitations」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FzH55onyoZWWMTw7Erp00%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%884.41.34.png?alt=media&#x26;token=d8c181af-660f-4e75-8a67-7c3412b4413b" alt=""><figcaption></figcaption></figure>

然後點擊 Messaging API Channel 進到裡面後，點擊「Roles」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FMjQNJeSGXnKLuRDxR9gv%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.29.51.png?alt=media&#x26;token=bd9c8d03-a698-4c1a-8b97-5af3b925ce04" alt=""><figcaption></figcaption></figure>

點擊裡面的按鈕「Invite by email」，填入要授權的 E-mail 和選擇 Role 為「Admin」，並點擊按鈕「Send invitations」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FjWa3t5Q07p3cjHEsB6ga%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.39.12.png?alt=media&#x26;token=ea2ee692-cf13-481b-896c-5947d8da1287" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FzH55onyoZWWMTw7Erp00%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%884.41.34.png?alt=media&#x26;token=d8c181af-660f-4e75-8a67-7c3412b4413b" alt=""><figcaption></figcaption></figure>

可至 E-mail 信箱內收信件，點擊超連結「Accept the invitation」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FdDm0CaC1q46p0Kk5Cxrn%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.42.56.png?alt=media&#x26;token=f68f86fd-a385-401c-8541-d57819665a79" alt=""><figcaption></figcaption></figure>

## 已有 Login Channel

如果您按照前方步驟進到畫面後，發現有看到 login channel。\
但看到 Channel 反灰左上方顯示 no role，也無法點擊進入，表示您沒有權限。請其他有權限的同仁提供您該 Channel 的 Admin 權限。（請參考上方：如何取得 Messaging API Channel 權限步驟）

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FKQUqeQn26cjMU7TNPWys%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.45.17.png?alt=media&#x26;token=402fb357-41f8-42cf-bd56-46250deb44be" alt=""><figcaption></figcaption></figure>

取得 Login Channel 權限後，請點擊進到 Login Channel 的 Basic Setting 分頁內確認 **Linked OA** 是否有連結。如有的話請按照下方步驟看您是要設定 LINE 互動遊戲 LIFF ID，還是要設定 LINE 社群身份綁定 LIFF ID

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FRXF65Z6JxZH5XjqhzGMY%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%886.15.49.png?alt=media&#x26;token=5e09ee97-f581-47cc-a0ac-024b9acb3982" alt=""><figcaption></figcaption></figure>

{% content-ref url="hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding" %}
[hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding)
{% endcontent-ref %}

{% content-ref url="she-qun-shen-fen-bang-ding-liff-she-ding" %}
[she-qun-shen-fen-bang-ding-liff-she-ding](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/she-qun-shen-fen-bang-ding-liff-she-ding)
{% endcontent-ref %}

## 尚未建立 Login Channel  <a href="#nothaveloginchannel" id="nothaveloginchannel"></a>

在取得 Provider 和 Messaging API Channel 權限後，該 Provider 內沒有 login channel 時，則可以開始建立 login channel 來取得後續 LIFF ID 設定

### 步驟一

* 點選 Create a new channel
* 選擇 LINE Login

<div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FnEIAJxZLKcyn2WHrDb8a%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.58.11.png?alt=media&#x26;token=f7cf84a4-2aa1-4451-83a6-e74cb634fa10" alt=""><figcaption></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FboFna5Wg59w6NUcFuW4V%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%885.58.40.png?alt=media&#x26;token=5c6dcf1c-690f-42fd-8f91-c797d2332fb9" alt=""><figcaption></figcaption></figure></div>

### 步驟二：填寫 Login Channel 內的資訊

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F4revB1TfIPoc7JCgta5C%2F%E6%88%AA%E5%9C%96%202021-12-09%20%E4%B8%8B%E5%8D%886.30.03.png?alt=media&#x26;token=caad8c86-52dc-4ce9-8921-ea092a5f60cc" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FJyzBPrg4yQ7gLOVvhwdh%2Fdevelopers.line.biz_console_channel_new_provider%3D2003890131%26type%3Dline-login%E6%8B%B7%E8%B2%9D.png?alt=media&#x26;token=3359349b-c840-46de-a454-c5a824ebce06" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F3l3pzFGFer9xyJwQjwRX%2Fdevelopers.line.biz_console_channel_new_provider%3D2003890131%26type%3Dline-login%E6%8B%B7%E8%B2%9D2.png?alt=media&#x26;token=058b1017-f3da-4178-80f8-38e89d6f4986" alt=""><figcaption></figcaption></figure>

1. Channel Type：LINE Login（固定）
2. Provider：為您們原先 Provider 名稱
3. Region 選擇 **Taiwan**
4. Channel icon 用 貴司官方帳號的 icon
5. Channel name 為 貴司的 LINE 官方帳號名稱
6. Channel Description：LINE 好友要玩遊戲前會有允許權限的流程，會顯示這個描述，所以請不要複製上方文字，請描述該認證流程。如您不知道該填寫什麼內容，可填寫品牌名稱
7. App types 兩個都勾選
8. Require two-factor authentication：此開關會影響客人可以自行決定授權項目種類，以及是否授權的同時也加入好友，另外此開關也會影響新加入好友的遊戲體驗：

   * 開啟此功能（下方左圖）：新加入好友需要在授權流程中開啟「加入好友」的選項，後續才能順利跳轉到遊戲畫面。
   * 關閉此功能（下方右圖）：新加入好友**無需**在授權流程進行特別操作，後續即可順利跳轉到遊戲畫面。

   <div><figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FNQkaJ0kEiyqvsdgpzK2d%2F%E6%88%AA%E5%9C%96%202026-01-08%20%E4%B8%8B%E5%8D%884.56.48.png?alt=media&#x26;token=b364b6a2-95b6-4507-a1f2-e8643d3c3c41" alt=""><figcaption></figcaption></figure> <figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FXlYogCGanwrLwJ1ITu2H%2F%E6%88%AA%E5%9C%96%202026-01-08%20%E4%B8%8B%E5%8D%885.02.30.png?alt=media&#x26;token=12bf7b9c-71ea-44d3-a33d-5192c6594e56" alt=""><figcaption></figcaption></figure></div>
9. 勾選『 I agree to the LINE Developers Agreement.』
10. 點選 Create 按鈕

### 步驟三：將 Login Channel 調整為 Published

點擊 Create 後會進到創建好的 login channel，在上方「Developing」點擊後會彈出視窗，點擊「Publish」將 Channel 狀態調為 Published

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FRBHhYCj9QOBeonmyvYOm%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%886.30.20.png?alt=media&#x26;token=b4705962-b964-4537-be15-bbbe71291892" alt=""><figcaption></figcaption></figure>

### 步驟四：調整 Login Channel 連結 LINE 官方帳號

在 Basic Setting 分頁內，往下滑至 **Linked OA** 處，選擇要連結的 LINE 官方帳號後，點擊按鈕「Update」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FezY59ZmZ24U8rP8sFPHG%2F%E6%88%AA%E5%9C%96%202022-10-24%20%E4%B8%8B%E5%8D%886.22.56.png?alt=media&#x26;token=02712970-4d18-4a0a-b053-cd8312c9f074" alt=""><figcaption></figcaption></figure>

#### 設定完畢後，請依照您是要設定 LINE 互動遊戲 LIFF ID，還是要設定 LINE 社群身份綁定 LIFF ID

{% content-ref url="hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding" %}
[hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/hu-dong-you-xi-zhuan-yong-line-liff-id-she-ding)
{% endcontent-ref %}

{% content-ref url="she-qun-shen-fen-bang-ding-liff-she-ding" %}
[she-qun-shen-fen-bang-ding-liff-she-ding](https://docs.omnichat.ai/features/tong-xun-qu-dao/integrations/line-2.0/she-qun-shen-fen-bang-ding-liff-she-ding)
{% endcontent-ref %}