Slide 1
Slide 1 text
LINE 平台技術介紹與應用
LINE Developer Rela/ons
NiJia Lin
Slide 2
Slide 2 text
NiJia Lin
LINE Technology Evangelist
Developer Relations
External Evangelism
Internal Evangelism
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
Messaging API
介紹
Slide 6
Slide 6 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 7
Slide 7 text
Text & Sticker message
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
• 關鍵字 (Keywords)
• 與使⽤者更多的互動
• 更符合對話情境
• 猜你想什麼
https://developers.line.biz/en/docs/messaging-api/sticker-list/
Sticker message
Slide 10
Slide 10 text
• ⾏程管理
• 個⼈化⼩幫⼿
• 美化⽂字
https://github.com/line/line-bot-sdk-python/blob/master/examples/flask-kitchensink/app.py#L118
Emoji message
Slide 11
Slide 11 text
• ⾏程管理
• 個⼈化⼩幫⼿
• 美化⽂字
h@ps://github.com/line/line-bot-sdk-python/blob/master/examples/flask-kitchensink/app.py#L118
Emoji message
Slide 12
Slide 12 text
Image, Video, Audio, Location message
Slide 13
Slide 13 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 14
Slide 14 text
Template message
Slide 15
Slide 15 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 16
Slide 16 text
Imagemap message
Slide 17
Slide 17 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 18
Slide 18 text
Flex Message
Slide 19
Slide 19 text
Message Event
Imagemap message
Flex message
Text message
Template message
Location message
Sticker message
Image message
Video/Audio Message
發送各種訊息格式
Slide 20
Slide 20 text
Flex Message
Slide 21
Slide 21 text
Flex Message Simulator
https://developers.line.biz/flex-simulator/
Slide 22
Slide 22 text
Flex Message Simulator
h>ps://developers.line.biz/flex-simulator/
Slide 23
Slide 23 text
如何運作
內容
Slide 24
Slide 24 text
什麼是 Channel?
內容
Slide 25
Slide 25 text
什麼是 Provider?
• 獨立開發者、公司或組織
• Channel 建立之後是不能更動 channel 的 Provider
• 請勿使⽤測試帳號到線上環境
Slide 26
Slide 26 text
什麼是 Provider?
Slide 27
Slide 27 text
什麼是 Provider?
Slide 28
Slide 28 text
Messaging API Reply event Push event
LINE Platform
LINE Bot 的兩種回應⽅式
Slide 29
Slide 29 text
• Push messages
• Multicast messages
• Broadcast messages
• Narrowcast messages
Push event 的四種⽅法
Slide 30
Slide 30 text
如何跟 Messaging API 溝通
Slide 31
Slide 31 text
取得⽤⼾資訊
Slide 32
Slide 32 text
• Display Name
• User Id
• Language
• Picture Url
• Status Message
詳細資訊
https://developers.line.biz/en/reference/messaging-api/#get-profile
Slide 33
Slide 33 text
Icon Switch
Slide 34
Slide 34 text
修改⼤頭貼圖⽰與名字
h>ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 35
Slide 35 text
修改⼤頭貼圖⽰與名字
https://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
Slide 36
Slide 36 text
修改⼤頭貼圖⽰與名字
https://github.com/louis70109/line-icon-switch-python
Slide 37
Slide 37 text
Quick Reply
Slide 38
Slide 38 text
A
B
C
• Camera action
• Camera roll action
• Location action
• Postback action
• Message action
• URI action
• Datetime picker action
什麼是 Quick Reply?
Slide 39
Slide 39 text
• Node.js
• Heroku CLI
• Git
(Tutorial) 使⽤ Node.js 做⼀個 Sample Bot
h"ps://developers.line.biz/en/docs/messaging-api/nodejs-sample
Slide 40
Slide 40 text
Rich Menu
Slide 41
Slide 41 text
h>ps://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introducIon
Rich Menu 範例
Slide 42
Slide 42 text
A
B
C
• 居於 LINE Bot 聊天室的下⽅
• Rich menu無法在 LINE 桌⾯版使⽤(macOS, Windows).
• ⽬前僅⽀援 JPEG 以及 PNG
什麼是 Rich Menu?
Slide 43
Slide 43 text
• 圖片格式: JPEG or PNG
• 寬度 (pixels): 800 to 2500
• ⾼度 (pixels): 250 or more
• 比率 (width/height): 1.45 or more
• 檔案最⼤尺⼨: 1 MB
什麼是 Rich Menu?
Slide 44
Slide 44 text
更多資訊可以參考以下⽂章 ⬇
https://engineering.linecorp.com/zh-hant/blog/rich-menu-alias-switch-action/
Slide 45
Slide 45 text
Messaging API SDK
• 讓您可以使用套快速建立聊天機器人
• 支援多種程式語言
• Java
• Python
• PHP
• Node.js
• Go
• Ruby
• Perl
Slide 46
Slide 46 text
LINE API Status 網⾴
h@ps://api.line-status.info
Slide 47
Slide 47 text
LINE Login
透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾
https://developers.line.biz/zh-hant/docs/line-login/overview/
Slide 48
Slide 48 text
LIFF
(LINE Frontend Framework)
LIFF 能夠透過 Web 應用程式的方式與 LINE 用戶互動
Slide 49
Slide 49 text
Rich Menu 搭配 LIFF
Slide 50
Slide 50 text
LIFF 使用方式
• NPM 套件
• npm install --save @line/liff
• https://www.npmjs.com/pac
kage/@line/liff
• CDN 路徑
Slide 51
Slide 51 text
LIFF 使用方式
• NPM 套件
• npm install --save @line/liff
• https://www.npmjs.com/pac
kage/@line/liff
• CDN 路徑
Slide 52
Slide 52 text
LINE TECH FRESH
https://engineering.linecorp.com/zh-hant/blog/line-tech-fresh-2020-graduate/ 52
Slide 53
Slide 53 text
No content
Slide 54
Slide 54 text
THANK YOU