Line@ 客製化機器人

1. 登入 Line 管理後台

登入 Line 管理後台
帳號 : admin
密碼 : Epower123

epower-line@73.png

登入後畫面

epower-line@74.png

2. 申請 Line 官方帳號

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

epower-line@83.png

按照下圖輸入 ➝ 確定

epower-line@84.png

點完成

epower-line@85.png

創立完成

epower-line@86.png

3. Line Messaging

前往 Line 官方管理界面 ➝ 登入管理界面      (以下所有網頁不要使用 Google 的網頁翻譯)

epower-line@87.png
按照下圖步驟設定

epower-line@89.png

點選左側 Messaging API ➝ 點擊"啟用 Messaging API"

epower-line@90.png

輸入適合的名稱 ➝ 確定

epower-line@91.png

這裡暫時不用

epower-line@92.png

點確定

epower-line@93.png

點擊 LINE Developers

epower-line@94.png

點 Console

epower-line@95.png

點左側 1.剛剛創建的服務 ➝ 2. Messaging API

epower-line@96.png

將 Channel ID 複製

epower-line@97.png

在往下找到 Channel secret 並複製

epower-line@98.png

點擊上方 Messaging API

epower-line@99.png

往下滑到 Webhook settings
輸入 https://www.line168.com.tw/store/b00002/api/callback/       "b00002"要改成自己的
將 Use webhook 開啟

epower-line@100.png

再往下滑到 Channel access token
點擊 Issue

epower-line@101.png

將 token 複製

epower-line@102.png

回到後台
將剛剛複製的 Channel ID , Channel secret , Channel access token
填入對應欄位

epower-line@103.png

回到 Line 如果有出現下圖代表成功

epower-line@140.jpg

4. Line Login

回到  Line 官方管理界面 ➝ 點擊 Create a new channel
(以下所有網頁不要使用 Google 的網頁翻譯)

epower-line@104.png

點擊 LINE Login

epower-line@105.png

依照下圖步驟設定

epower-line@106.pngepower-line-at-107.pngepower-line@108.png

點擊左側剛剛創建的服務 ➝ LINE Login

epower-line@109.png

複製 Channel ID

epower-line@110.png

往下滑到 Channel secret 並複製

epower-line@111.png

回到後台
將剛剛複製的 Channel ID , Channel secret
填入相對應欄位

epower-line@112.png

 

接下來的步驟會做3次 
分別是找出 3. 4. 5. 的值
epower-line@113.png

點擊上方的 LIFF ➝ 點 ADD (第一次)

epower-line@114.png
按照下圖步驟設定

epower-line@115.png

Scopes 欄位要先點一下 View all 才會有 chat_message.write 這個選項
都設定完後點 ADD

epower-line@116.png

點擊上方的 LIFF ➝ 點ADD (第二次)
LIFF app name : webapp2
Endpoint URL : https://www.line168.com.tw/store/b00002/api/webapp/1

點擊上方的 LIFF ➝ 點ADD (第三次)
LIFF app name : webapp3
Endpoint URL : https://www.line168.com.tw/store/b00002/api/webapp/3

都完成後會出現下圖 ➝ 將 shareTargetPicker 開啟
將 1. 2. 3. LIFF ID 複製
epower-line-at-117.png

將剛剛複製的 LIFF ID 依照下圖 1. 2. 3. 的順序填入

epower-line@118.png

回到 Line 管理界面 ➝ 點擊 Developing

epower-line@119.png

點 Publish

epower-line@120.png

回到 Line 機器人 ➝ 開始點餐 ➝ 會員中心

epower-line@133.jpg

出現下圖代表成功

epower-line@134.jpg

 

5. Line Notify

前往 LINE Notify  (以下所有網頁不要使用 Google 的網頁翻譯)

epower-line@143.pngepower-line@00.png

服務網址 : https://www.line168.com.tw/
Callback URL : https://www.line168.com.tw/store/b00002/api/webapp/1/notify/index.php "b00002" 要改成自己的
其他欄位輸入適合的名稱

epower-line@123.png

按登入

epower-line@124.pngepower-line-at-125.png

點擊紅匡的網址

epower-line@126.png

點擊前往服務一覽

epower-line@128.png

剛剛創立的服務就會出現,並點擊它

epower-line@129.png

將 Client ID 及 Client Secret 複製

epower-line@130.png

回到 Line 管理後台 ➝  左邊系統設定 ➝  機器人串接 
將剛剛複製的 Client ID 及 Client Secret 填入下圖的 1. 及 2.

epower-line@131.png

測試步驟
回到 Line 點擊會員中心

epower-line@142.jpg

往下滑到通知設定 ➝ Edit
之後按下圖步驟操作

epower-line@135.jpg

epower-line@136.jpg

epower-line@137.jpg

epower-line@138.jpg

測試成功

epower-line@139.jpg

 

6. Line Pay

前往 Line Pay 官網 ➝ 申請 LINE Pay 合作商店 
(以下所有網頁不要使用 Google 的網頁翻譯)

epower-line@155.png

點擊我想自行完成線上申請,按照官方的步驟即可完成

epower-line@156.png

進入 Line Pay 管理頁面 ➝ 左側管理付款連結 ➝ 管理付款伺服器 IP
輸入 IP

epower-line@150.jpg

進入 Line Pay 管理頁面 ➝ 左側管理付款連結 ➝ 左側管理連結金鑰
將 Channel ID 及 Channel Secret Key 複製

epower-line@149.jpg

回到 Line 管理後台
將複製的 Channel ID 及 Channel Secret Key 填入下圖相對應的位置

epower-line@157.png

下圖為範例

epower-line@996.jpg

epower-line@998.jpg

epower-line@997.jpg