# 4. 設定Line Login API
回到 LINE Developers 頁面先點擊左側您建立的服務然後點擊底下的 **Create a new channel**
[![image-1679535119297.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679535119297.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679535119297.png)
跳出頁面後點擊最左邊的 **LINE Login**
[![image-1679369409161.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679369409161.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679369409161.png)
到此頁面後先選擇 LINE Login 以及您剛剛建立的服務,下面兩格填寫服務地區。
[![image-1679460733677.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679460733677.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679460733677.png)
往下先填寫您的頻道名稱以及頻道註解,然後將 Web app 以及 Mobile app 都勾選,然後填入您現在所使用的電子郵件。
[![image-1679460996062.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679460996062.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679460996062.png)
往下後的兩項URL先不用填寫,勾選完最後一項就能點擊Create來創建頻道。
[![image-1679461116311.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679461116311.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679461116311.png)
創建後先點擊左側您**建立的服務**,然後點擊右下您剛剛建立的**頻道**。
[![image-1679535137027.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679535137027.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679535137027.png)
打開後請先複製您頻道的 **Channel ID**
[![image-1679535323523.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679535323523.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679535323523.png)
再往下滑會看到 **Channel secret** 並複製下來
[![image-1679535477673.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679535477673.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679535477673.png)
回到Epower管理後台將剛剛複製的 **Channel ID** 以及 **Channel secret** 填入到相應的欄位。
[![image-1679535781918.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679535781918.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679535781918.png)
接下來會比較複雜一點,總共需要設置三次。
請先回到 LINE Developers 頁面點選右上的 LIFF 後點選底下的 Add
[![image-1679536211936.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679536211936.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679536211936.png)
第一個:
名字輸入 webapp1 後將 size 改成 **Full**
URL將您的Epower管理後台網址後面的 index.php 改成 api/webapp/1可以參考以下範例:
原本:https://t4.sopdom.com/oaadmin/index.php
改成:https://t4.sopdom.com/oaadmin/api/webapp/1
[![image-1679536468051.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679536468051.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679536468051.png)
將Scopes全部勾選
下面依照下圖勾選後往下點擊**Add**來創建。
[![image-1679371144272.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679371144272.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679371144272.png)
第二個:
名字輸入 webapp2 後將 size 改成 **Tall**
URL將您的Epower管理後台網址後面的 index.php 改成 api/webapp/2 可以參考以下範例:
原本:https://t4.sopdom.com/oaadmin/index.php
改成:https://t4.sopdom.com/oaadmin/api/webapp/2
往下的設定都跟第一個一樣。
[![image-1679536544487.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679536544487.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679536544487.png)
第三個:
名字輸入 webapp3 後將 size 改成 **Compact**
URL將您的Epower管理後台網址後面的 index.php 改成 api/webapp/3 可以參考以下範例:
原本:https://t4.sopdom.com/oaadmin/index.php
改成:https://t4.sopdom.com/oaadmin/api/webapp/3
往下的設定都跟第一個一樣。
[![image-1679536571337.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679536571337.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679536571337.png)
三個都建立完畢回到LIFF畫面將建立好的 LIFF ID 複製
[![image-1679626856786.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679626856786.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679626856786.png)
然後到Epower管理後台的機器人串接填入但必須注意,因為line的系統可能會亂掉的關係:
第一格Full填入webapp1的LIFF ID
第二格Tall填入webapp2的LIFF ID
第三格Compact填入webapp3的LIFF ID
[![image-1679536844669.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679536844669.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679536844669.png)
點選如圖
[![image-1681720045556.png](http://km.sopdom.com/uploads/images/gallery/2023-04/scaled-1680-/image-1681720045556.png)](http://km.sopdom.com/uploads/images/gallery/2023-04/image-1681720045556.png)
如圖**句選{1}**➝按下**Enable{2}**
[![image-1681720191350.png](http://km.sopdom.com/uploads/images/gallery/2023-04/scaled-1680-/image-1681720191350.png)](http://km.sopdom.com/uploads/images/gallery/2023-04/image-1681720191350.png)
點選完成工如圖
[![image-1681720343169.png](http://km.sopdom.com/uploads/images/gallery/2023-04/scaled-1680-/image-1681720343169.png)](http://km.sopdom.com/uploads/images/gallery/2023-04/image-1681720343169.png)
回到 LINE Developers 頁面後點擊頻道名稱旁邊的 Developing (開發中模式)
[![image-1679537036249.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679537036249.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679537036249.png)
接下來先回到您的line機器人,按到**最新公告**的按鈕並按下**更多訊息**。
[![image-1679372650624.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679372650624.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679372650624.png)
跑出會員中心的畫面就成功囉
[![image-1679372616434.png](http://km.sopdom.com/uploads/images/gallery/2023-03/scaled-1680-/image-1679372616434.png)](http://km.sopdom.com/uploads/images/gallery/2023-03/image-1679372616434.png)
完成後請往下一張