能使用變數的訊息推送小工具 @ chatbot.tw 台中 2019/12

為了解決在 LINE Chatbot 內對每個不同的用戶 push 不同訊息的需求 (因為舉辦抽獎活動，為了讓用戶可以憑上面有他暱稱的中獎通知截圖來跟我們領獎)，所以特地做的一個小工具。

為了使用上的便利性，所以採用了讀取 CSV 來讀取資料 (就能直接用 Google 試算表) 和 Lodash 的 _.template 來處理變數帶入訊息的問題。

可惜由於 LINE API 對於 CORS 的存取有所限制，講者還同時分享了他所寫的 Google Cloud Function 程式碼來繞過這項限制。

Transcript

1. 能 能使⽤變數 使⽤變數的 的 訊息推送⼩⼯具 訊息推送⼩⼯具 https://lihi1.com/3KvK7 https://lihi1.com/3KvK7 1 1
2. Who am I? Who am I? 戴均⺠ 戴均⺠ 現職 現職 微程式資訊 微程式資訊 後端⼯程師 後端⼯程師   taichunmin taichunmin 2 2
3. 如何收到 DEMO 訊 如何收到 DEMO 訊 息 息 1. 加入 YouBike ⼩幫⼿ 加入 YouBike ⼩幫⼿ 2. 傳送訊息「 傳送訊息「push demo push demo」 」 3. 填寫表單 填寫表單 4. 等我⽤⼯具發送訊息 等我⽤⼯具發送訊息 3 3
4. 緣起 緣起 為了舉辦抽獎活動 為了舉辦抽獎活動 4 4
5. 5 5
6. 為了確認⾝份 為了確認⾝份 要憑截圖領獎 要憑截圖領獎 6 6
7. 7 7
8. 遇到的問題 遇到的問題 1. 截圖中要有使⽤者暱稱 截圖中要有使⽤者暱稱 2. 要傳給指定的使⽤者 要傳給指定的使⽤者 8 8
9. 流程圖 流程圖 9 9
10. 準備名單 準備名單 把 CSV 當作資料庫，第⼀⾏當作變數名稱 把 CSV 當作資料庫，第⼀⾏當作變數名稱 10 10
11. 訊息的變數處理 訊息的變數處理 lodash 樣板函式 lodash 樣板函式 _.template _.template 11 11
12. 12 12
13. 訊息推送⼯具網址 訊息推送⼯具網址 https://codepen.io/taichunmin/full/zYYMrLb https://codepen.io/taichunmin/full/zYYMrLb 13 13
14. 如何收到 DEMO 訊 如何收到 DEMO 訊 息 息 1. 加入 YouBike ⼩幫⼿ 加入 YouBike ⼩幫⼿ 2. 傳送訊息「 傳送訊息「push demo push demo」 」 3. 填寫表單 填寫表單 4. 等我⽤⼯具發送訊息 等我⽤⼯具發送訊息 14 14
15. 由於 LINE API 不允許 由於 LINE API 不允許 跨來源資源共⽤ 跨來源資源共⽤ (CORS) (CORS) MDN 文件連結 MDN 文件連結 15 15
16. 建立 Cloud Function 建立 Cloud Function 名稱: 名稱: demo-20191211 demo-20191211 分配的記憶體: 分配的記憶體: 128 MB 128 MB 觸發條件: 觸發條件: HTTP HTTP 勾選「允許未經驗證的叫⽤」 勾選「允許未經驗證的叫⽤」 執⾏階段: 執⾏階段: Node.js 10 Node.js 10 Cloud Function 程式碼 Cloud Function 程式碼 16 16
17. Google 試算表重新發布 Google 試算表重新發布 有五分鐘⼀次的限制 有五分鐘⼀次的限制 17 17
18. 建議直接新增 建議直接新增 ⼀個新的⼯作表 ⼀個新的⼯作表 18 18
19. Q & A Q & A 19 19