Evan 2026-09-12 國立臺中科技大學 x LINE PROTOSTAR 創新創業競賽- LINE 技術應用說明

Transcript

1. LINE Bot 技術應用 說明 LINE Developer Relations Evan Lin
2. Evan Lin Tech Director of LINE Taiwan Developer Relations TECH FRESH People Manager External Evangelism Internal Evangelism
6. Messaging API 介紹
7. 如何跟 Messaging API 溝通 7
8. 如何運作 內容
9. 什麼是 Channel? 內容
10. 什麼是 Provider? • 獨立開發者、公司或組織 • Channel 建立之後是不能更動 channel 的 Provider • 請勿使用測試帳號到線上環境
11. 什麼是 Provider?
12. 什麼是 Provider?
13. LINE Bot 的兩種回應方式 Messaging API Reply event Push event LINE Platform 13
14. 發送各種訊息格式 Text message Location message Sticker message Message Event Image message Imagemap message Video/Audio Message Flex message 14
15. 發送各種訊息格式 Text message Location message Sticker message Message Event Image message Imagemap message Video/Audio Message Flex message 15
16. Text & Sticker message 16
17. Sticker message • 關鍵字 (Keywords) • 與使用者更多的互動 • 更符合對話情境 • 猜你想什麼 https://developers.line.biz/en/docs/messaging-api/sticker-list/
18. Emoji message • 行程管理 • 個人化小幫手 • 美化文字
19. Emoji message • 行程管理 • 個人化小幫手 • 美化文字
20. 發送各種訊息格式 Text message Location message Sticker message Template message Message Event Image message Imagemap message Video/Audio Message Flex message 20
21. Image, Video, Audio, Location message 21
22. 發送各種訊息格式 Text message Location message Sticker message Message Event Image message Imagemap message Video/Audio Message Flex message 22
23. Imagemap message 23
24. 發送各種訊息格式 Text message Location message Sticker message Message Event Image message Imagemap message Video/Audio Message Flex message 24
25. Flex Message
26. Flex Message 26
27. Flex Message Simulator https://developers.line.biz/flex-simulator/ 27
28. Push event 的四種方法 • Push messages • Multicast messages • Broadcast messages • Narrowcast messages 28
29. 取得用戶資 訊
30. 詳細資訊 • Display Name • User Id • Language • Picture Url • Status Message 30 https://developers.line.biz/en/reference/messaging-api/#get-profile
31. Icon Switch
32. 修改大頭貼圖示與名字 https://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch 32
33. Quick Reply
34. 什麼是 Quick Reply? • Camera action A • Camera roll action • Location action • Postback action • Message action B • URI action • Datetime picker action C 34
35. Rich Menu
36. Rich Menu 範例 https://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introduction
37. LINE Login 介紹
38. LINE Login 透過整合 LINE Login 能夠讓您的應用程式更快地連結 LINE 用戶 https://developers.line.biz/zh-hant/docs/line-login/overview/
39. LIFF 介 紹
40. LIFF 常見兩種開 啟方式 LIF F LINE APP開 啟 外部瀏覽器 40
41. 穿衣服要挑大小 - LIFF 尺碼 LIF F LINE APP開 啟 外部瀏覽器 41
42. LIFF 在哪兒 – 預約系統 LIF F LINE APP開 啟 外部瀏覽器 42
43. LIFF 在哪兒 – 會員卡 LIF F LINE APP開 啟 外部瀏覽器 43
44. LIFF 在哪兒 – 支付 LIF F LINE APP開 啟 外部瀏覽器 44
45. 使用之前，能做些什麼事呢？ liff.ready liff.getLineVersion() liff.getOS() liff.isInClient() Functions liff.getLanguage() liff.closeWindow() liff.getVersion() liff.use() 45
46. 發給 OA 互動的用 戶 - Send Message • 各式 Message 格式 • 最多一次發送 5 則訊息 • 從 OA 點過去的 LIFF 才能使用 https://developers.line.biz/en/reference/liff/#send-messages 46
47. 分享很重要 - Share Target Picker • 外部瀏覽器 ➡ liff.login() • LINE 10.3.0+ • liff.isApiAvailable() • 透過個人帳號發送 https://engineering.linecorp.com/zh-hant/blog/how-to-use-liff-in-vue3/ 47
48. 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 48
49. 相關技術文件 LINE Login Messaging API LINE Front-end Framework LINE Simple Beacon
50. LINE API Experts
51. LINE TECH FRESH https://engineering.linecorp.com/zh-hant/blog/line-tech-fresh-2021-gradute/ 51
53. THANK YOU