Skip to main content

4. 設定Line Login API

回到 LINE Developers 頁面先點擊左側您建立的服務然後點擊底下的 Create a new channel

 

image-1679535119297.png

跳出頁面後點擊最左邊的 LINE Login

image-1679369409161.png

到此頁面後先選擇 LINE Login 以及您剛剛建立的服務,下面兩格填寫服務地區。

image-1679460733677.png

往下先填寫您的頻道名稱以及頻道註解,然後將 Web app 以及 Mobile app 都勾選,然後填入您現在所使用的電子郵件。

image-1679460996062.png

往下後的兩項URL先不用填寫,勾選完最後一項就能點擊Create來創建頻道。

image-1679461116311.png

創建後先點擊左側您建立的服務,然後點擊右下您剛剛建立的頻道

image-1679535137027.png

打開後請先複製您頻道的 Channel ID 

image-1679535323523.png

再往下滑會看到 Channel secret 並複製下來

image-1679535477673.png

回到Epower管理後台將剛剛複製的 Channel ID 以及 Channel secret 填入到相應的欄位。

 

image-1679535781918.png

 

接下來會比較複雜一點,總共需要設置三次。

請先回到 LINE Developers 頁面點選右上的 LIFF 後點選底下的 Add

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

將Scopes全部勾選

下面依照下圖勾選後往下點擊Add來創建。

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

第三個:

名字輸入 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

三個都建立完畢回到LIFF畫面將建立好的 LIFF ID 複製

image-1679626856786.png

然後到Epower管理後台的機器人串接填入但必須注意,因為line的系統可能會亂掉的關係:

第一格Full填入webapp1的LIFF ID

第二格Tall填入webapp2的LIFF ID

第三格Compact填入webapp3的LIFF ID

image-1679536844669.png

點選如圖

image-1681720045556.png

如圖句選{1}➝按下Enable{2}

image-1681720191350.png

點選完成工如圖

image-1681720343169.png

回到 LINE Developers 頁面後點擊頻道名稱旁邊的 Developing (開發中模式)

image-1679537036249.png

接下來先回到您的line機器人,按到最新公告的按鈕並按下更多訊息

image-1679372650624.png

跑出會員中心的畫面就成功囉

image-1679372616434.png

完成後請往下一張