Chatbot Intro 技術應用說明 @ 2022-09-03 台北商業大學第四屆 Chatbot 競賽工作坊

Evan Lin @ 2022-09-03 台北商業大學第四屆 Chatbot 競賽 (工作坊 - 台北商業大學台北校區)
活動網址： https://www.accupass.com/event/2207130835481533483120

Transcript

1. Chatbot 技術應用說明 LINE Developer Rela3ons Evan Lin
2. Evan Lin LINE Technology Evangelist Developer Relations External Evangelism Internal Evangelism
7. Messaging API 介紹
8. Message Event Imagemap message Flex message Text message Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
9. Message Event Imagemap message Flex message Text message Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
10. Text & Sticker message
11. • 關鍵字 (Keywords) • 與使⽤者更多的互動 • 更符合對話情境 • 猜你想什麼 h"ps://developers.line.biz/en/docs/messaging-api/s7cker-list/ Sticker message
12. • ⾏程管理 • 個⼈化⼩幫⼿ • 美化⽂字 Emoji message
13. • ⾏程管理 • 個⼈化⼩幫⼿ • 美化⽂字 Emoji message
14. Message Event Imagemap message Flex message Text message Template message Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
15. Image, Video, Audio, Location message
16. Message Event Imagemap message Flex message Text message Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
17. Imagemap message
18. Message Event Imagemap message Flex message Text message Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
19. Flex Message
20. Flex Message
21. Flex Message Simulator https://developers.line.biz/flex-simulator/
22. 如何運作 內容
23. 什麼是 Channel? 內容
24. 什麼是 Provider? • 獨立開發者、公司或組織 • Channel 建立之後是不能更動 channel 的 Provider • 請勿使⽤測試帳號到線上環境
25. 什麼是 Provider?
26. 什麼是 Provider?
27. Messaging API Reply event Push event LINE Platform LINE Bot 的兩種回應⽅式
28. • Push messages • Multicast messages • Broadcast messages • Narrowcast messages Push event 的四種⽅法
29. 如何跟 Messaging API 溝通
30. 取得⽤⼾資訊
31. • Display Name • User Id • Language • Picture Url • Status Message 詳細資訊 https://developers.line.biz/en/reference/messaging-api/#get-profile
32. Icon Switch
33. 修改⼤頭貼圖⽰與名字 h"ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
34. 修改⼤頭貼圖⽰與名字 h"ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
35. Quick Reply
36. A B C • Camera action • Camera roll action • Location action • Postback action • Message action • URI action • Datetime picker action 什麼是 Quick Reply?
37. • Node.js • Heroku CLI • Git (Tutorial) 使⽤ Node.js 做⼀個 Sample Bot h"ps://developers.line.biz/en/docs/messaging-api/nodejs-sample
38. Rich Menu
39. h"ps://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introduc:on Rich Menu 範例
40. LINE Login 透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾ https://developers.line.biz/zh-hant/docs/line-login/overview/
41. LIFF 介紹
42. LINE Login 透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾ https://developers.line.biz/zh-hant/docs/line-login/overview/
43. LIFF LINE APP開啟 外部瀏覽器 LIFF 常⾒兩種開啟⽅式
44. LIFF LINE APP開啟 外部瀏覽器 穿衣服要挑⼤⼩ - LIFF 尺碼
45. LIFF LINE APP開啟 外部瀏覽器 LIFF 在哪兒 – 預約系統
46. LIFF LINE APP開啟 外部瀏覽器 LIFF 在哪兒 – 會員卡
47. LIFF LINE APP開啟 外部瀏覽器 LIFF 在哪兒 – ⽀付
48. Functions liff.closeWindow() liff.use() liff.ready liff.isInClient() liff.getLineVersion() liff.getOS() liff.getLanguage() liff.getVersion() 使⽤之前，能做些什麼事呢？
49. 發給 OA 互動的⽤⼾ - Send Message https://developers.line.biz/en/reference/liff/#send-messages • 各式 Message 格式 • 最多⼀次發送 5 則訊息 • 從 OA 點過去的 LIFF 才能使⽤
50. 分享很重要 - Share Target Picker h"ps://engineering.linecorp.com/zh-hant/blog/how-to-use-liff-in-vue3/ • 外部瀏覽器 ➡ liff.login() • LINE 10.3.0+ • liff.isApiAvailable() • 透過個⼈帳號發送
51. liff.scanCodeV2() Recognize and parse QR Code data back to your LIFF app. • Powered by WebRTC • LINE v11.7.0+ • LIFF v2.15.0+ • External Browser/Android/iOS
52. NFT
53. 透過 LINE Login 與 NFT 商城綁定 h"ps://engineering.linecorp.com/zh-hant/blog/how-to-use-account-link/
54. NFT Reward Example
55. 相關技術⽂件 LINE Login Messaging API LINE Front-end Framework LINE Simple Beacon
56. LINE API Experts
57. LINE TECH FRESH h"ps://engineering.linecorp.com/zh-hant/blog/line-tech-fresh-2021-gradute/ 57
59. THANK YOU