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
3.9k
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
就讓AI幫你帶LINE好運
line_developers_tw
PRO
1
25
沒想過的前端錯誤處理可能比你有做的還多
line_developers_tw
PRO
0
47k
LINE 台灣實習計畫 2024 - TECH FRESH 介紹
line_developers_tw
PRO
0
470
LINE 台灣實習計畫 - 相關福利與面試流程
line_developers_tw
PRO
0
490
Navigating My Internship: A 5W1H Perspective
line_developers_tw
PRO
0
17
1001 號 到 333 號
line_developers_tw
PRO
0
14
關於我連線三年半的故事
line_developers_tw
PRO
0
810
LINE 電商部門實習分享
line_developers_tw
PRO
0
42
大學六年,我差點忘了畢業
line_developers_tw
PRO
0
440
Other Decks in Programming
See All in Programming
エンターテイメント業界で利用されるAWS
demuyan
0
210
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
雑に思考を整理する技術と効能
konifar
58
29k
코틀린으로 멀티플랫폼 만들기
pangmoo
0
150
Goのmultiple errorsについて (2024年4月版)
syumai
3
670
VS Code をプロダクトにどう取り込むか
onomax
1
360
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
370
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
200
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
270
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
250
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Documentation Writing (for coders)
carmenintech
60
3.9k
How to Ace a Technical Interview
jacobian
272
22k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Code Reviewing Like a Champion
maltzj
514
39k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Facilitating Awesome Meetings
lara
42
5.6k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Designing with Data
zakiwarfel
96
4.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Designing the Hi-DPI Web
ddemaree
276
33k
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