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