Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LINE 平台技術介紹與應用
Search
LINE Developers Taiwan
PRO
September 04, 2021
Programming
0
5.1k
LINE 平台技術介紹與應用
LINE 平台技術介紹與應用 by NiJia Lin
LINE Developers Taiwan
PRO
September 04, 2021
Tweet
Share
More Decks by LINE Developers Taiwan
See All by LINE Developers Taiwan
Live Activities in LINE
line_developers_tw
PRO
0
7
Neumorphism x Liquid Glass
line_developers_tw
PRO
0
8
猜你喜歡 – 打造高度擴展的個人化電商推薦
line_developers_tw
PRO
0
21
打造新電商搜尋體驗- 搜尋意圖辨識
line_developers_tw
PRO
0
7
比價群組
line_developers_tw
PRO
0
11
從混亂到優雅,讓專案不再失控:ATDD 與 Clean Architecture 的後端實戰之路
line_developers_tw
PRO
0
10
2049智能共存:透過LINE Bot Agent迎接後人類時代
line_developers_tw
PRO
0
36
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1.4k
讓測試不再 BB! 從 BDD 到 CI/CD, 不靠人力也能 MVP
line_developers_tw
PRO
0
1.4k
Other Decks in Programming
See All in Programming
Ruby Parser progress report 2025
yui_knk
1
170
Improving my own Ruby thereafter
sisshiki1969
1
120
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
220
サイトを作ったらNFCタグキーホルダーを爆速で作れ!
yuukis
0
680
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
470
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
140
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
280
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
230
RDoc meets YARD
okuramasafumi
3
150
AIエージェント開発、DevOps and LLMOps
ymd65536
1
360
Vue・React マルチプロダクト開発を支える Vite
andpad
0
100
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.5k
Unsuck your backbone
ammeep
671
58k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
185
54k
RailsConf 2023
tenderlove
30
1.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Into the Great Unknown - MozCon
thekraken
40
2k
Speed Design
sergeychernyshev
32
1.1k
Transcript
LINE 平台技術介紹與應用 LINE Developer Rela/ons NiJia Lin
NiJia Lin LINE Technology Evangelist Developer Relations External Evangelism Internal
Evangelism
None
None
Messaging API 介紹
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
Text & Sticker message
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
• 關鍵字 (Keywords) • 與使⽤者更多的互動 • 更符合對話情境 • 猜你想什麼 https://developers.line.biz/en/docs/messaging-api/sticker-list/
Sticker message
• ⾏程管理 • 個⼈化⼩幫⼿ • 美化⽂字 https://github.com/line/line-bot-sdk-python/blob/master/examples/flask-kitchensink/app.py#L118 Emoji message
• ⾏程管理 • 個⼈化⼩幫⼿ • 美化⽂字 h@ps://github.com/line/line-bot-sdk-python/blob/master/examples/flask-kitchensink/app.py#L118 Emoji message
Image, Video, Audio, Location message
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
Template message
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
Imagemap message
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
Flex Message
Message Event Imagemap message Flex message Text message Template message
Location message Sticker message Image message Video/Audio Message 發送各種訊息格式
Flex Message
Flex Message Simulator https://developers.line.biz/flex-simulator/
Flex Message Simulator h>ps://developers.line.biz/flex-simulator/
如何運作 內容
什麼是 Channel? 內容
什麼是 Provider? • 獨立開發者、公司或組織 • Channel 建立之後是不能更動 channel 的 Provider
• 請勿使⽤測試帳號到線上環境
什麼是 Provider?
什麼是 Provider?
Messaging API Reply event Push event LINE Platform LINE Bot
的兩種回應⽅式
• Push messages • Multicast messages • Broadcast messages •
Narrowcast messages Push event 的四種⽅法
如何跟 Messaging API 溝通
取得⽤⼾資訊
• Display Name • User Id • Language • Picture
Url • Status Message 詳細資訊 https://developers.line.biz/en/reference/messaging-api/#get-profile
Icon Switch
修改⼤頭貼圖⽰與名字 h>ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
修改⼤頭貼圖⽰與名字 https://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
修改⼤頭貼圖⽰與名字 https://github.com/louis70109/line-icon-switch-python
Quick Reply
A B C • Camera action • Camera roll action
• Location action • Postback action • Message action • URI action • Datetime picker action 什麼是 Quick Reply?
• Node.js • Heroku CLI • Git (Tutorial) 使⽤ Node.js
做⼀個 Sample Bot h"ps://developers.line.biz/en/docs/messaging-api/nodejs-sample
Rich Menu
h>ps://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introducIon Rich Menu 範例
A B C • 居於 LINE Bot 聊天室的下⽅ • Rich
menu無法在 LINE 桌⾯版使⽤(macOS, Windows). • ⽬前僅⽀援 JPEG 以及 PNG 什麼是 Rich Menu?
• 圖片格式: JPEG or PNG • 寬度 (pixels): 800 to
2500 • ⾼度 (pixels): 250 or more • 比率 (width/height): 1.45 or more • 檔案最⼤尺⼨: 1 MB 什麼是 Rich Menu?
更多資訊可以參考以下⽂章 ⬇ https://engineering.linecorp.com/zh-hant/blog/rich-menu-alias-switch-action/
Messaging API SDK • 讓您可以使用套快速建立聊天機器人 • 支援多種程式語言 • Java •
Python • PHP • Node.js • Go • Ruby • Perl
LINE API Status 網⾴ h@ps://api.line-status.info
LINE Login 透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾ https://developers.line.biz/zh-hant/docs/line-login/overview/
LIFF (LINE Frontend Framework) LIFF 能夠透過 Web 應用程式的方式與 LINE 用戶互動
Rich Menu 搭配 LIFF
LIFF 使用方式 • NPM 套件 • npm install --save @line/liff
• https://www.npmjs.com/pac kage/@line/liff • CDN 路徑
LIFF 使用方式 • NPM 套件 • npm install --save @line/liff
• https://www.npmjs.com/pac kage/@line/liff • CDN 路徑
LINE TECH FRESH https://engineering.linecorp.com/zh-hant/blog/line-tech-fresh-2020-graduate/ 52
None
THANK YOU