Line@ 客製化機器人2

1.登入Epower的管理後台

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

Epower-001

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

Epower-002

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

F7FD15D3-FA6A-48E1-8416-C47EC375C45F.png

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

34B6BF63-C9FA-4DBE-A432-C6AE45584796.jpeg

接下來請按到下一頁繼續進行

2.申請Line的官方帳號

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

epower-0100

請先填入您的小秘書機器人名稱以及您要使用的電子郵件,並設定公司所屬地區、名稱以及您公司的行業種類,確定之後按下確認。

Epower-006

再次確定完輸入內容後按下完成,跑出此畫面就表示帳號建立完成了。

EF7640B5-96AB-404B-8FB3-88DE151E7093.jpeg

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

A4E12036-E91E-4C0B-9AA2-A2EDDCD42EA2.jpeg

 

3.設定Line Messaging

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

epower-0101

按下您剛剛設定的帳號後按下同意來進行登入,登入到主頁後按下右上的設定並選取回應設定,並且將加入好友歡迎訊息跟自動回應訊息都設定停用。

epower-0102

epower-0103

先點選設定的Messaging API 然後點擊啟用 Messaging API。

epower-0104

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

epower-0105

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


epower-0110

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

Epower-012

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

然後滑到最下面按下確定。

Epower-011

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

epower-0109

進入後請先點擊Console

epower-0108

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

epower-0107

進入後點擊上方的Messaging API後

epower-0106

往下滑到 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 開啟

6D9FADCC-8CE4-465F-B001-CACB529F1E68.jpeg

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

522FCD5C-BB44-4409-98B3-A1D325DE1A52.jpeg

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

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

C7C514AD-E873-43A4-85CA-8DB9F9267B0D.jpeg

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

B3E62B15-6FE4-4F10-9876-9CF06138F8D8.jpeg

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

Epower-051

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

9D9D2E18-515E-48AD-AAEB-6B2B8F7424F4.jpeg

點擊後會進入Epower管理後台的資料庫,左上角有一個往上的箭頭按鈕就是上傳。

CB913849-9E0F-4655-8971-88EB50581E97.jpeg

到此頁面後按下綠色按鈕 Add file(s) 上傳圖文選單,圖片記得要改成英文檔名。

Epower-054

圖片上傳後按下 Start upload 就能放進去資料庫。

Epower-055

上傳後點擊剛剛上傳的圖文選單就能進行使用。

Epower-056

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

Epower-057

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

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

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

完成後就能繼續進行下一步。

Epower-058

 

 

4. 設定Line Login

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

epower-0111

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

Epower-024

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

0447AEC4-57EC-41DB-96E1-88133176F353.jpeg

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

35A66832-2456-4703-974E-B854D9AA8D8F.jpeg

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

58A9F248-9E36-45EE-AD5A-F2904D1FFFC8.jpeg

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

epower-0112

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

Epower-043

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

Epower-044

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

 

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

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

epower-0114

第一個:

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

Epower-034

將Scopes全部勾選按下 view all 後將跑出來的 chat_message.write 也勾選

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

Epower-035

第二個:

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

往下的設定都跟第一個一樣。

Epower-036

第三個:

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

往下的設定都跟第一個一樣。

Epower-037

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

Epower-046

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

第一格Full填入webapp1的LIFF ID

第二格Tall填入webapp2的LIFF ID

第三格Compact填入webapp3的LIFF ID

Epower-047

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

epower-0113

跳出此訊息後點選 Publish 這樣您的頻道就改為公開模式了

Epower-040

接下來先回到您的line機器人,按到會員中心的按鈕並按下訊息中的會員中心。

Epower-048

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

Epower-049

 

 

5.設定Line Notify

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

epower-0115

進入後點擊登錄服務

Epower-060

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

服務網址請填入: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

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

Epower-061

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

Epower-062

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

Epower-063

點擊剛剛創建的服務,

epower-0116

請先將 Client ID 及 Client Secret 複製起來

epower-0118

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

Epower-073

接下來是測試的階段,

請先打開您的小秘書機器人後點擊會員中心,

C9334AC3-ECF9-4742-9FB5-BFAB61396C63.png

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

1F80A31A-142F-47CA-97E2-0CB4EDD92F76.png

然後點擊下一步設定,

Epower-069

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

epower-0117

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

Epower-071

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

Epower-072

 

 

6. 設定Line Pay

前往 Line Pay 官網 先按到右上角的「申請 LINE Pay 合作商店」

Epower-080

接下來的按下我想自行完成線上申請後,
申請辦法可以參考:https://ciaoz.tw/post-47632711/

D6EA890A-DB0F-4E51-9648-48A7B193CD5F.png

進入 Line Pay 管理頁面後找到位於左側的「管理付款連結」的「管理付款伺服器 IP」,
然後輸入 IP 來連接系統。

BA7F1564-EAC2-425C-9460-C07366370F54.png

進入 Line Pay 管理頁面後找到左側的「管理付款連結 」的「左側管理連結金鑰」,
然後將 Channel ID 及 Channel Secret Key 依照以下的順序複製。

052F2F94-8D29-4CB2-8622-94A90082A50B.png

回到Epower小秘書機器人的管理後台,
將剛剛複製的 Channel ID 及 Channel Secret Key 依照下圖的順序填入。

EF83C97B-0759-46FD-A76E-1F9AA90E00FD.png

完成後請到您的小秘書機器人進行嘗試,下圖為範例。

Epower-087

Epower-085
Epower-086