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
5k
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
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1.1k
讓測試不再 BB! 從 BDD 到 CI/CD, 不靠人力也能 MVP
line_developers_tw
PRO
0
1.2k
DB 醬,嗨!哪泥嘎斯基?
line_developers_tw
PRO
0
1.2k
比起獨自升級 我更喜歡 DevOps 文化 <3
line_developers_tw
PRO
0
1.2k
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
line_developers_tw
PRO
0
1.1k
從四件事帶你見識見識 事件驅動架構設計 (EDA)
line_developers_tw
PRO
0
1k
TODAY 看世界(?) 是我們在看扣啦!
line_developers_tw
PRO
0
1.2k
你想成為什麼樣的開發者?
line_developers_tw
PRO
0
25
研究生的 LINER生活
line_developers_tw
PRO
0
27
Other Decks in Programming
See All in Programming
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
210
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
120
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
560
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
230
C++20 射影変換
faithandbrave
0
540
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
700
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
240
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
440
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
4
1k
エンジニア向け採用ピッチ資料
inusan
0
170
GoのGenericsによるslice操作との付き合い方
syumai
3
690
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Invisible Side of Design
smashingmag
300
51k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Making Projects Easy
brettharned
116
6.3k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
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