申請及串接Line@機器人
1.登入Epower的管理後台
請先登入Epower給予的網址,輸入給予您的帳號與密碼。
請選擇您的服務
登入到以下畫面完成登入。
接下來左側按到系統設定的機器人串接
進入此畫面就完成了這裡之後要用來將您的機器人與line的系統進行連結。
完成後請往下一張
2.申請Line的官方帳號
請先前往 Line 官方管理頁面 ➝ 按下線上申請一般帳號
請先將資料填入進去➝完成後再按確認
完成後如圖
查看一下您的Line機器人有沒有傳訊息給您,沒問題的話就能繼續下一步。
完成後請往下一張
3.設定Line Messaging API
請先前往 Line 官方管理界面 按下登入管理界面
登入管理界面➝按下設定
點選設定欄位中回應設定
請將加入好友歡迎訊息都設定關掉。
點選設定欄位中Messaging API
點擊啟用 Messaging API
請先輸入服務提供者名稱後按下同意,隱私權政策及服務條款先不用輸入直接按下確定即可
完成確認後按下確定來啟用Messaging API
請先回到回應設定這邊,點選Webhook開啟
啟用後請先複製畫面上的的Channel ID 以及 Channel secret(依照顏色填入)
將剛剛複製的Channel ID 以及 Channel secret 填入管理後台的機器人串接(依照顏色填入)
然後滑到最下面按下確定。
接下來回到LINE管理介面點擊畫面底下的LINE Developers
進入後請先點擊Console
請點左側剛創建完成的服務,然後點擊右側底下的已建立服務。
進入後點擊上方的Messaging API後
往下滑到 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 開啟
點擊完後請點選如圖Verify
點選如圖OK
再往下滑到最下面的Channel access token點擊 Issue然後將跑出來的 token 複製
接下來先回到Epower的後台,往下滑到系統設定的機器人串接
將剛剛複製的 token 填入LINE Messaging API 的第三格後滑到最下面按下確定。
接下來我們要上傳小秘書機器人的圖文選單,先到左側點擊基本設定的封面設計
進入後按下修改來編輯小秘書機器人的封面
進入修改後可以修改小秘書機器人的名稱,然後點擊圖片下面的 Upload 進入
點擊後會進入Epower管理後台的資料庫,點擊您要的圖片。
完成後回到您的Line小秘書機器人如果有跑出歡迎加入跟圖文選單圖示就代表成功了,
如果歡迎加入的圖示沒跑出來可以試試先封鎖小秘書機器人再解除封鎖,
因為您已經加入了所以不會再跑出一次。
完成後請往下一張
4. 設定Line Login API
回到 LINE Developers 頁面先點擊左側您建立的服務然後點擊底下的 Create a new channel
跳出頁面後點擊最左邊的 LINE Login
到此頁面後先選擇 LINE Login 以及您剛剛建立的服務,下面兩格填寫服務地區。
往下先填寫您的頻道名稱以及頻道註解,然後將 Web app 以及 Mobile app 都勾選,然後填入您現在所使用的電子郵件。
往下後的兩項URL先不用填寫,勾選完最後一項就能點擊Create來創建頻道。
創建後先點擊左側您建立的服務,然後點擊右下您剛剛建立的頻道。
打開後請先複製您頻道的 Channel ID
再往下滑會看到 Channel secret 並複製下來
回到Epower管理後台將剛剛複製的 Channel ID 以及 Channel secret 填入到相應的欄位。
接下來會比較複雜一點,總共需要設置三次。
請先回到 LINE Developers 頁面點選右上的 LIFF 後點選底下的 Add
第一個:
名字輸入 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
將Scopes全部勾選
下面依照下圖勾選後往下點擊Add來創建。
第二個:
名字輸入 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
往下的設定都跟第一個一樣。
第三個:
名字輸入 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
往下的設定都跟第一個一樣。
三個都建立完畢回到LIFF畫面將建立好的 LIFF ID 複製
然後到Epower管理後台的機器人串接填入但必須注意,因為line的系統可能會亂掉的關係:
第一格Full填入webapp1的LIFF ID
第二格Tall填入webapp2的LIFF ID
第三格Compact填入webapp3的LIFF ID
點選如圖
如圖句選{1}➝按下Enable{2}
點選完成工如圖
回到 LINE Developers 頁面後點擊頻道名稱旁邊的 Developing (開發中模式)
接下來先回到您的line機器人,按到最新公告的按鈕並按下更多訊息。
跑出會員中心的畫面就成功囉
完成後請往下一張
5.設定Line Notify API
請先前往 LINE Notify 登入後點擊右上的管理登錄服務
進入後點擊登錄服務
到此畫面後先設定服務的名稱、服務概要、公司名稱、地區跟您的姓名,
服務網址請填入: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
確認完畢後往下同意後再按下登錄來進行下一步。
點擊剛剛創建的服務
請先將 Client ID 及 Client Secret 複製起來
回到Epower管理後台的機器人串接並將剛剛複製的 Client ID 及 Client Secret 填入。
接下來是測試的階段,
請先打開您的小秘書機器人後點擊最新公告➝ 點擊更多資訊
往下滑到通知設定並點擊右邊的 Edit
然後點擊下一步設定
進入這個畫面後點選「透過1對1聊天接收LINE Notify的通知」並往下點選「同意並連動」
同意後會自動回到這個畫面,然後按下「發送推播測試訊息」
來到 LINE Notify 跑出下圖就完成囉。
感謝觀賞