Slide 1
Slide 1 text
LINE 平台與 Messaging API 介紹
LINE Developer Relations
Evan Lin
Slide 2
Slide 2 text
Evan Lin
LINE Technology Evangelist
Developer Rela+ons
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
No content
Slide 7
Slide 7 text
Messaging API
介紹
Slide 8
Slide 8 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 9
Slide 9 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 10
Slide 10 text
Text & Sticker message
Slide 11
Slide 11 text
• 關鍵字 (Keywords)
• 與使⽤者更多的互動
• 更符合對話情境
• 猜你想什麼
h"ps://developers.line.biz/en/docs/messaging-api/s7cker-list/
Sticker message
Slide 12
Slide 12 text
• ⾏程管理
• 個⼈化⼩幫⼿
• 美化⽂字
Emoji message
Slide 13
Slide 13 text
• ⾏程管理
• 個⼈化⼩幫⼿
• 美化⽂字
Emoji message
Slide 14
Slide 14 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 15
Slide 15 text
Image, Video, Audio, Location message
Slide 16
Slide 16 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 17
Slide 17 text
Template message
Slide 18
Slide 18 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 19
Slide 19 text
Imagemap message
Slide 20
Slide 20 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 21
Slide 21 text
Flex Message
Slide 22
Slide 22 text
Flex Message
Slide 23
Slide 23 text
Flex Message Simulator
https://developers.line.biz/flex-simulator/
Slide 24
Slide 24 text
Flex Message Simulator
h?ps://developers.line.biz/flex-simulator/
Slide 25
Slide 25 text
如何運作
內容
Slide 26
Slide 26 text
什麼是 Channel?
內容
Slide 27
Slide 27 text
什麼是 Provider?
• 獨立開發者、公司或組織
• Channel 建立之後是不能更動 channel 的 Provider
• 請勿使⽤測試帳號到線上環境
Slide 28
Slide 28 text
什麼是 Provider?
Slide 29
Slide 29 text
什麼是 Provider?
Slide 30
Slide 30 text
Messaging API Reply event Push event
LINE Platform
LINE Bot 的兩種回應⽅式
Slide 31
Slide 31 text
• Push messages
• Multicast messages
• Broadcast messages
• Narrowcast messages
Push event 的四種⽅法
Slide 32
Slide 32 text
如何跟 Messaging API 溝通
Slide 33
Slide 33 text
取得⽤⼾資訊
Slide 34
Slide 34 text
• Display Name
• User Id
• Language
• Picture Url
• Status Message
詳細資訊
https://developers.line.biz/en/reference/messaging-api/#get-profile
Slide 35
Slide 35 text
Icon Switch
Slide 36
Slide 36 text
修改⼤頭貼圖⽰與名字
h?ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 37
Slide 37 text
修改⼤頭貼圖⽰與名字
https://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 38
Slide 38 text
Quick Reply
Slide 39
Slide 39 text
A
B
C
• Camera action
• Camera roll action
• Location action
• Postback action
• Message action
• URI action
• Datetime picker action
什麼是 Quick Reply?
Slide 40
Slide 40 text
• Node.js
• Heroku CLI
• Git
(Tutorial) 使⽤ Node.js 做⼀個 Sample Bot
https://developers.line.biz/en/docs/messaging-api/nodejs-sample
Slide 41
Slide 41 text
Rich Menu
Slide 42
Slide 42 text
https://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introduction
Rich Menu 範例
Slide 43
Slide 43 text
A
B
C
• 居於 LINE Bot 聊天室的下⽅
• Rich menu無法在 LINE 桌⾯版使⽤(macOS, Windows).
• ⽬前僅⽀援 JPEG 以及 PNG
什麼是 Rich Menu?
Slide 44
Slide 44 text
• 圖片格式: JPEG or PNG
• 寬度 (pixels): 800 to 2500
• ⾼度 (pixels): 250 or more
• 比率 (width/height): 1.45 or more
• 檔案最⼤尺⼨: 1 MB
什麼是 Rich Menu?
Slide 45
Slide 45 text
LINE Login
透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾
https://developers.line.biz/zh-hant/docs/line-login/overview/
Slide 46
Slide 46 text
What’s new in 2022
Slide 47
Slide 47 text
2022/02/02 Rich Menu Playground
h"ps://developers.line.biz/en/docs/messaging-api/try-rich-menu/#ac;ons-you-can-try-out-on-the-richmenu-playground
Slide 48
Slide 48 text
2022/04/19 Webhook Redelivery
https://developers.line.biz/en/news/2022/04/19/webhook-redelivery/
Slide 49
Slide 49 text
2022/05/13
New Rich Menu ac>ons
• Close rich menu
• Open rich menu
• Open keyboard
• Open voice message input mode
https://developers.line.biz/en/news/2022/05/13/richmenu-keyboard/
Slide 50
Slide 50 text
Messaging API SDK
• 讓您可以快速建立聊天機器人
• 支援多種程式語言
• Java
• Python
• PHP
• Node.js
• Go
• Ruby
• Perl
Slide 51
Slide 51 text
LINE API Status 網⾴
h"ps://api.line-status.info
Slide 52
Slide 52 text
NFT
Slide 53
Slide 53 text
透過 LINE Login 與 NFT 商城綁定
h?ps://engineering.linecorp.com/zh-hant/blog/how-to-use-account-link/
Slide 54
Slide 54 text
相關技術⽂件
LINE Login
Messaging API
LINE Front-end Framework
LINE Simple Beacon
Slide 55
Slide 55 text
LINE API Experts
Slide 56
Slide 56 text
No content
Slide 57
Slide 57 text
THANK YOU