LINE Bot 入門介紹與 Pla,orm
API 更新資訊
LINE Developer Relations
NiJia Lin
2021.07
Slide 2
Slide 2 text
NiJia Lin
LINE Technology Evangelist
Developer Relations
External Evangelism
Internal Evangelism
Slide 3
Slide 3 text
01
02
03
04
05
Outline
Messaging API introduction
Icon Switch
Quick Reply
Rich Menu
Platform API Update
Slide 4
Slide 4 text
Messaging API
Introduction
Slide 5
Slide 5 text
Hot it works
內容
Slide 6
Slide 6 text
What's a channel?
內容
Slide 7
Slide 7 text
What's a Provider?
• Is an individual developer, company or organization
• Can not change the channel PROVIDER after the channel is created
• Do not use develop account to production environment
Slide 8
Slide 8 text
What's a Provider?
Slide 9
Slide 9 text
What's a Provider?
Slide 10
Slide 10 text
Messaging API Reply event Push event
LINE Platform
What you can do with the Messaging API
Change icon and display name
h5ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 29
Slide 29 text
Change icon and display name
h5ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 30
Slide 30 text
Quick Reply
Slide 31
Slide 31 text
A
B
C
• Camera action
• Camera roll action
• Location action
• Postback action
• Message action
• URI action
• Datetime picker action
What is Quick Reply?
Slide 32
Slide 32 text
• Node.js
• Heroku CLI
• Git
(Tutorial) Make a sample bot using Node.js
h"ps://developers.line.biz/en/docs/messaging-api/nodejs-sample
Slide 33
Slide 33 text
Rich Menu
Slide 34
Slide 34 text
A
B
C
• Bottom of the LINE Bot chat screen.
• Rich menus aren't displayed on LINE for desk-
top (macOS, Windows).
• Is a JPEG or PNG image file.
What is Rich Menu?
Slide 35
Slide 35 text
A
B
C
• Image format: JPEG or PNG
• Image width size (pixels): 800 to 2500
• Image height size (pixels): 250 or more
• Image aspect ratio (width/height): 1.45 or more
• Max file size: 1 MB
What is Rich Menu?
Slide 36
Slide 36 text
Easily switch between multiple rich menus
• Create rich menu alias
• Delete rich menu alias
• Update rich menu alias
• Get rich menu alias information
• Get list of rich menu alias
https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/
Slide 37
Slide 37 text
AS-IS: No Alias
https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/
Slide 38
Slide 38 text
TO-BE: Alias
• 使⽤者按下 Rich Menu 後向 LINE Server 發送請求，同時會以
Postback 事件的形式向 Bot 應⽤程式發送 Webhook
• LINE Server 接受請求後並將 Rich Menu 切換到使⽤者欲使⽤
的樣式
h5ps://developers.line.biz/en/news/2021/06/21/switch-between-mulGple-rich-menus/
Slide 39
Slide 39 text
More introduction ⬇
https://engineering.linecorp.com/zh-hant/blog/rich-menu-alias-switch-action/