申請及串接Line@機器人

1.登入Epower的管理後台

請先登入Epower給予的網址,輸入給予您的帳號與密碼。

image-1679301174152.png

請選擇您的服務

image-1679634130130.png

登入到以下畫面完成登入。

image-1679633929199.png

接下來左側按到系統設定的機器人串接

image-1679301486451.png

進入此畫面就完成了這裡之後要用來將您的機器人與line的系統進行連結。

image-1679301536186.png

完成後請往下一張

2.申請Line的官方帳號

請先前往 Line 官方管理頁面 ➝ 按下線上申請一般帳號

image-1679301600065.png

請先將資料填入進去➝完成後再按確認

image-1679356979323.png

完成後如圖

image-1679533326260.png

查看一下您的Line機器人有沒有傳訊息給您,沒問題的話就能繼續下一步。

image-1679541870814.png

完成後請往下一張

3.設定Line Messaging API

請先前往 Line 官方管理界面 按下登入管理界面

image-1679533923454.png

登入管理界面➝按下設定

image-1679454715329.png

點選設定欄位中回應設定

image-1679360199638.png

請將加入好友歡迎訊息都設定關掉

image-1679365467249.png

image-1679365590556.png

點選設定欄位中Messaging API

image-1679360466239.png

點擊啟用 Messaging API

image-1679360507383.png

 

請先輸入服務提供者名稱後按下同意,隱私權政策及服務條款先不用輸入直接按下確定即可

image-1679532793485.png

完成確認後按下確定來啟用Messaging API

image-1679534191032.png

請先回到回應設定這邊,點選Webhook開啟

image-1679365704239.png

 

image-1679365648226.png

啟用後請先複製畫面上的的Channel ID 以及 Channel secret(依照顏色填入)

image-1679455460752.png

將剛剛複製的Channel ID 以及 Channel secret 填入管理後台的機器人串接(依照顏色填入)

然後滑到最下面按下確定

image-1679455814101.png

接下來回到LINE管理介面點擊畫面底下的LINE Developers

image-1679455998085.png

進入後請先點擊Console

image-1679362029337.png

請點左側剛創建完成的服務,然後點擊右側底下的已建立服務。

image-1679456374897.png

進入後點擊上方的Messaging API

image-1679456472778.png

往下滑到 Webhook settings
在Webhook URL輸入Epower管理後台網址刪除後面的/index.php改成/api/callback/範例如下:

原本:https://t4.sopdom.com/oaadmin/system_api.php

改成:https://t4.sopdom.com/oaadmin/api/callback/

輸入完畢後按下Update,然後將底下的 Use webhook 開啟

image-1679456749060.png

 

點擊完後請點選如圖Verify

image-1679456907058.png

點選如圖OK

image-1679626588836.png

再往下滑到最下面的Channel access token點擊 Issue然後將跑出來的 token 複製

 

image-1679366309777.png

接下來先回到Epower的後台,往下滑到系統設定的機器人串接

將剛剛複製的 token 填入LINE Messaging API 的第三格後滑到最下面按下確定

image-1679457423470.png

image-1679457449696.png

接下來我們要上傳小秘書機器人的圖文選單,先到左側點擊基本設定的封面設計

image-1679366835314.png

進入後按下修改來編輯小秘書機器人的封面

image-1679366946603.png

進入修改後可以修改小秘書機器人的名稱,然後點擊圖片下面的 Upload 進入

image-1679368558657.png

點擊後會進入Epower管理後台的資料庫,點擊您要的圖片。

image-1679534469503.png

往下滑到按鈕功能區把A按鈕改成會員卡或是會員中心,沒問題就可以先按下確定。

image-1679368912314.png

完成後回到您的Line小秘書機器人如果有跑出歡迎加入跟圖文選單圖示就代表成功了,

如果歡迎加入的圖示沒跑出來可以試試先封鎖小秘書機器人再解除封鎖,

因為您已經加入了所以不會再跑出一次。

image-1679369106678.png

完成後請往下一張

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

完成後請往下一張

5.設定Line Notify API

請先前往 LINE Notify 登入後點擊右上的管理登錄服務

image-1679372915131.png

進入後點擊登錄服務

image-1679372983956.png

到此畫面後先設定服務的名稱、服務概要、公司名稱、地區跟您的姓名,

服務網址請填入:https://www.lineapp.com.tw/

Callback URL請將您的Epower管理後台網址的 index.php 改成 api/webapp/1/notify/index.php 

原本:https://t4.sopdom.com/oaadmin/index.php

更改:https://t4.sopdom.com/oaadmin/api/webapp/1/notify/index.php

確認完畢後往下同意後再按下登錄來進行下一步。

image-1679373165747.png

打開您剛剛填寫的電子郵件帳號,LINE會寄一封郵件給您打開後點擊下圖標示的網址,打開您剛剛填寫的電子郵件帳號,LINE會寄一封郵件給您打開後點擊下圖標示的網址,打開您剛剛填寫的電子郵件帳號,LINE會寄一封郵件給您打開後點擊下圖標示的網址,
打開您剛剛填寫的電子郵件帳號,LINE會寄一封郵件給您打開後點擊下圖標示的網址

image-1679373297641.png

進入後點選「前往服務一覽

image-1679373336913.png

點擊剛剛創建的服務

image-1679373369761.png

請先將 Client IDClient Secret 複製起來

image-1679373492219.png

回到Epower管理後台的機器人串接並將剛剛複製的 Client IDClient Secret 填入。

image-1679537303641.png

接下來是測試的階段,

請先打開您的小秘書機器人後點擊最新公告➝ 點擊更多資訊

image-1679373715715.png

往下滑到通知設定並點擊右邊的 Edit 

image-1679537567930.png

然後點擊下一步設定

image-1679538013254.png

進入這個畫面後點選「透過1對1聊天接收LINE Notify的通知」並往下點選「同意並連動

image-1679374315167.png

同意後會自動回到這個畫面,然後按下「發送推播測試訊息

image-1679374458640.png

來到 LINE Notify 跑出下圖就完成囉。

image-1679538306048.png

感謝觀賞