Line@ 客製化機器人2
1.登入Epower的管理後台
請先登入Epower給予的網址,輸入給予您的帳號與密碼。
登入到以下畫面完成登入。
進入此畫面就完成了這裡之後要用來將您的機器人與line的系統進行連結。
接下來請按到下一頁繼續進行
2.申請Line的官方帳號
請先前往 Line 官方管理頁面 ➝ 按下線上申請一般帳號
請先填入您的小秘書機器人名稱以及您要使用的電子郵件,並設定公司所屬地區、名稱以及您公司的行業種類,確定之後按下確認。
再次確定完輸入內容後按下完成,跑出此畫面就表示帳號建立完成了。
確認一下您的機器人有沒有傳訊息給您,沒問題的話就能繼續下一步。
3.設定Line Messaging
請先前往 Line 官方管理界面 按下登入管理界面
按下您剛剛設定的帳號後按下同意來進行登入,登入到主頁後按下右上的設定並選取回應設定,並且將加入好友歡迎訊息跟自動回應訊息都設定停用。
先點選設定的Messaging API 然後點擊啟用 Messaging API。
輸入服務提供者名稱後按下同意,隱私權政策及服務條款先不用輸入直接按下確定即可。
完成確認後按下確定來啟用Messaging API
啟用後請先複製畫面上的的Channel ID 以及 Channel secret(依照顏色填入)
將剛剛複製的Channel ID 以及 Channel secret 填入管理後台的機器人串接(依照顏色填入)
然後滑到最下面按下確定。
接下來回到LINE管理介面點擊畫面底下的LINE Developers
進入後請先點擊Console
請點左側剛創建完成的服務,然後點擊右側底下的已建立服務。
進入後點擊上方的Messaging API後
往下滑到 Webhook settings
在Webhook URL輸入Epower管理後台網址刪除後面的/index.php改成/api/callback/範例如下:
原本:https://www.lineapp.com.tw/store/範例/index.php
改成:https://www.lineapp.com.tw/store/範例/api/callback/
輸入完畢後按下Update,然後將底下的 Use webhook 開啟
再往下滑到最下面的Channel access token點擊 Issue然後將跑出來的 token 複製
接下來先回到Epower的後台,往下滑到系統設定的機器人串接
將剛剛複製的 token 填入LINE Messaging API 的第三格後滑到最下面按下確定。
接下來我們要上傳小秘書機器人的圖文選單,先到左側點擊基本設定的封面設計
進入後按下修改來編輯小秘書機器人的封面
進入修改後可以修改小秘書機器人的名稱,然後點擊圖片下面的 Upload 進入
點擊後會進入Epower管理後台的資料庫,左上角有一個往上的箭頭按鈕就是上傳。
到此頁面後按下綠色按鈕 Add file(s) 上傳圖文選單,圖片記得要改成英文檔名。
圖片上傳後按下 Start upload 就能放進去資料庫。
上傳後點擊剛剛上傳的圖文選單就能進行使用。
往下滑到按鈕功能區把A按鈕改成會員卡或是會員中心,沒問題就可以先按下確定。
完成後回到您的小秘書機器人如果有跑出歡迎加入跟圖文選單圖示就代表成功了,
如果歡迎加入的圖示沒跑出來可以試試先封鎖小秘書機器人再解除封鎖,
因為您已經加入了所以不會再跑出一次,
完成後就能繼續進行下一步。
4. 設定Line Login
回到 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://www.lineapp.com.tw/store/001/index.php
改成:https://www.lineapp.com.tw/store/001/api/webapp/1
將Scopes全部勾選按下 view all 後將跑出來的 chat_message.write 也勾選
下面依照下圖勾選後往下點擊Add來創建。
第二個:
名字輸入 webapp2 後將 size 改成 Tall
URL將您的Epower管理後台網址後面的 index.php 改成 api/webapp/2 可以參考以下範例:
原本:https://www.lineapp.com.tw/store/001/index.php
改成:https://www.lineapp.com.tw/store/001/api/webapp/2
往下的設定都跟第一個一樣。
第三個:
名字輸入 webapp3 後將 size 改成 Compact
URL將您的Epower管理後台網址後面的 index.php 改成 api/webapp/3 可以參考以下範例:
原本:https://www.lineapp.com.tw/store/001/index.php
改成:https://www.lineapp.com.tw/store/001/api/webapp/3
往下的設定都跟第一個一樣。
三個都建立完畢回到LIFF畫面將建立好的 LIFF ID 複製
然後到Epower管理後台的機器人串接填入但必須注意,因為line的系統可能會亂掉的關係:
第一格Full填入webapp1的LIFF ID
第二格Tall填入webapp2的LIFF ID
第三格Compact填入webapp3的LIFF ID
回到 LINE Developers 頁面後點擊頻道名稱旁邊的 Developing (開發中模式)
跳出此訊息後點選 Publish 這樣您的頻道就改為公開模式了
接下來先回到您的line機器人,按到會員中心的按鈕並按下訊息中的會員中心。
跑出會員中心的畫面就成功囉
5.設定Line Notify
請先前往 LINE Notify 登入後點擊右上的管理登錄服務
進入後點擊登錄服務
到此畫面後先設定服務的名稱、服務概要、公司名稱、地區跟您的姓名,
服務網址請填入:https://www.lineapp.com.tw/
Callback URL請將您的Epower管理後台網址的 index.php 改成 api/webapp/1/notify/index.php
原本:https://www.lineapp.com.tw/store/001/index.php
更改:https://www.lineapp.com.tw/store/001/api/webapp/1/notify/index.php
確認完畢後往下同意後再按下登錄來進行下一步。
打開您剛剛填寫的電子郵件帳號,LINE會寄一封郵件給您打開後點擊下圖標示的網址,
進入後點選「前往服務一覽」
點擊剛剛創建的服務,
請先將 Client ID 及 Client Secret 複製起來
回到Epower管理後台的機器人串接並將剛剛複製的 Client ID 及 Client Secret 填入。
接下來是測試的階段,
請先打開您的小秘書機器人後點擊會員中心,
往下滑到通知設定並點擊右邊的 Edit
然後點擊下一步設定,
進入這個畫面後點選「透過1對1聊天接收LINE Notify的通知」並往下點選「同意並連動」
同意後會自動回到這個畫面,然後按下「發送推播測試訊息」
來到 LINE Notify 跑出下圖就完成囉。
6. 設定Line Pay
前往 Line Pay 官網 先按到右上角的「申請 LINE Pay 合作商店」
接下來的按下我想自行完成線上申請後,
申請辦法可以參考:https://ciaoz.tw/post-47632711/
進入 Line Pay 管理頁面後找到位於左側的「管理付款連結」的「管理付款伺服器 IP」,
然後輸入 IP 來連接系統。
進入 Line Pay 管理頁面後找到左側的「管理付款連結 」的「左側管理連結金鑰」,
然後將 Channel ID 及 Channel Secret Key 依照以下的順序複製。
回到Epower小秘書機器人的管理後台,
將剛剛複製的 Channel ID 及 Channel Secret Key 依照下圖的順序填入。
完成後請到您的小秘書機器人進行嘗試,下圖為範例。