# 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) 完成後請往下一張