Flex 開發人員工具：一個輔助開發 LINE chatbot 的開源工具

「Flex 開發人員工具」是講者為了輔助開發 LINE chatbot 而製作的小工具，它主打的功能是在收到 Messaging API 的 Event 時會直接回傳 JSON，如果傳送 Message JSON 或是 Flex Message Simulator 複製的 JSON 給它，你還能直接看到這個 JSON 的呈現結果！在這個議程內將會詳細介紹這個小工具的使用方法。原始碼以 MIT License 釋出: https://github.com/taichunmin/gcf-line-devbot

Transcript

1. Flex 開發人員工具 輔助開發 LINE chatbot 的開源工具 戴均民 @ COSCUP 2022 hackmd.io/@taichunmin/COSCUP2022 1 1
2. I am 戴均民 現職 現職 微程式資訊 微程式資訊 LINE API 專家 LINE API 專家 LINE 數位版名片 LINE 數位版名片   筆記國度 (部落格) 筆記國度 (部落格)   taichunmin taichunmin 2 2
3. Flex 開發人員工具 line.me/R/ti/p/@736cebrk 3 3
4. 這是受 啟發 而寫出來的工具 卡米哥 4 4
5. 功能介紹 5 5
6. #1 直接把收到的 Event 以 JSON 回傳 6 6
7. 一對一聊天 DEMO follow follow location location stickers stickers videoPlayComplete videoPlayComplete 01-postback.json 01-postback.json 02-countdown.json 02-countdown.json 7 7
8. #1 你還可以在群組中使用這個工具 快速測試跨平台的相容性 (Android & iPhone & PC) 8 8
9. 快速開箱測試 LINE 新發佈的功能 測試 mentions 標記好友功能 測試 mentions 標記好友功能 Quick Reply 支援 URI Action Quick Reply 支援 URI Action Flex 訊息第三版更新 Flex 訊息第三版更新 9 9
10. 群組聊天 DEMO join join member join/leave member join/leave mentions mentions 10 10
11. #2 回傳收到的 Message Object 11 11
12. #2 跨平台查看呈現結果 在電腦上送出後 馬上在手機上查看 03-text.json 12 12
13. 不同平台的顯示上會有些微差異！ 04-images.json 13 13
14. 05-datetimepicker.json 14 14
15. 06-quickreply.json 15 15
16. #3 回傳來自 的 (如果 JSON 過長可以先 minify) Flex 訊息模擬器 07-flex.json 16 16
17. #3 分享訊息給好友或群組 DEMO 快速測試 liff.shareTargetPicker() 能不能分享訊息 17 17
18. #4 帶你超快速認識圖文選單的功能！ 圖文選單遊樂場 18 18
19. 這是 LINE 官方提供的，可惜只提供日文。 模仿自圖文選單遊樂場 (日文版) 19 19
20. 圖文選單遊樂場 DEMO 20 20
21. #5 快速測試部份 Messaging API (某些指令還可以搭配 mentions) 指令清單請點此 21 21
22. #6 /replySticker 8525 16581292 /notifySticker 8525 16581292 查詢並快速測試傳送貼圖 22 22
23. #7 選單切換速度 DEMO linkRichMenuToUser V.S. richmenuswitch 23 23
24. #8 測試 LINE Simple Beacon！ 建立個人的 Messaging API 頻道 建立個人的 Messaging API 頻道 發行個人的 LINE Simple Beacon HWID 發行個人的 LINE Simple Beacon HWID 用 ESP32 燒錄 LINE Simple Beacon 用 ESP32 燒錄 LINE Simple Beacon 按照教學設定 Webhook 按照教學設定 Webhook 24 24
25. #8 進入工程模式透過 BLE 更換 HWID 等參數 用 ESP32 自製八合一 LINE Beacon 25 25
26. GitHub 原始碼 & QA 時間 喜歡的話麻煩幫我按個 Star 26 26