LINE 平台技術介紹與應用

Transcript

1. LINE 平台技術介紹與應用 LINE Developer Rela/ons NiJia Lin

2. NiJia Lin LINE Technology Evangelist Developer Relations External Evangelism Internal

   Evangelism
3. None
4. None

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

53. None

54. THANK YOU