LINE 平台技術介紹與應用

LINE 平台技術介紹與應用 by NiJia Lin

Transcript

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