2022 新星挑戰賽-LINE 平台與 Messaging API 介紹

在發想🧐企劃主題時
必定要先了解手中有哪些厲害武器🥷
而了解 Messaging API 的概念與原理
是成為 新星挑戰賽大師 的首要條件👾
想了解最新、最實際的應用案例🚀🚀🚀
千萬不要錯過由 LINE 技術傳教士-Evan 分享的線上講座：

「LINE PROTOSTAR新星挑戰賽」就決定是你了！
📖詳情請洽活動官網：
https://lin.ee/JQkcmVH/attw

Transcript

1. LINE 平台與 Messaging API 介紹
   LINE Developer Relations
   Evan Lin
   

   View Slide

2. Evan Lin
   LINE Technology Evangelist
   Developer Rela+ons
   External Evangelism
   Internal Evangelism
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. Messaging API
   介紹
   

   View Slide

8. Message Event
   Imagemap message
   Flex message
   Text message
   Template message
   Location message
   Sticker message
   Image message
   Video/Audio Message
   發送各種訊息格式
   

   View Slide

9. Message Event
   Imagemap message
   Flex message
   Text message
   Template message
   Location message
   Sticker message
   Image message
   Video/Audio Message
   發送各種訊息格式
   

   View Slide

10. Text & Sticker message
    

    View Slide

11. • 關鍵字 (Keywords)
    • 與使⽤者更多的互動
    • 更符合對話情境
    • 猜你想什麼
    h"ps://developers.line.biz/en/docs/messaging-api/s7cker-list/
    Sticker message
    

    View Slide

12. • ⾏程管理
    • 個⼈化⼩幫⼿
    • 美化⽂字
    Emoji message
    

    View Slide

13. • ⾏程管理
    • 個⼈化⼩幫⼿
    • 美化⽂字
    Emoji message
    

    View Slide

14. Message Event
    Imagemap message
    Flex message
    Text message
    Template message
    Location message
    Sticker message
    Image message
    Video/Audio Message
    發送各種訊息格式
    

    View Slide

15. Image, Video, Audio, Location message
    

    View Slide

16. Message Event
    Imagemap message
    Flex message
    Text message
    Template message
    Location message
    Sticker message
    Image message
    Video/Audio Message
    發送各種訊息格式
    

    View Slide

17. Template message
    

    View Slide

18. Message Event
    Imagemap message
    Flex message
    Text message
    Template message
    Location message
    Sticker message
    Image message
    Video/Audio Message
    發送各種訊息格式
    

    View Slide

19. Imagemap message
    

    View Slide

20. Message Event
    Imagemap message
    Flex message
    Text message
    Template message
    Location message
    Sticker message
    Image message
    Video/Audio Message
    發送各種訊息格式
    

    View Slide

21. Flex Message
    

    View Slide

22. Flex Message
    

    View Slide

23. Flex Message Simulator
    https://developers.line.biz/flex-simulator/
    

    View Slide

24. Flex Message Simulator
    h?ps://developers.line.biz/flex-simulator/
    

    View Slide

25. 如何運作
    內容
    

    View Slide

26. 什麼是 Channel?
    內容
    

    View Slide

27. 什麼是 Provider?
    • 獨立開發者、公司或組織
    • Channel 建立之後是不能更動 channel 的 Provider
    • 請勿使⽤測試帳號到線上環境
    

    View Slide

28. 什麼是 Provider?
    

    View Slide

29. 什麼是 Provider?
    

    View Slide

30. Messaging API Reply event Push event
    LINE Platform
    LINE Bot 的兩種回應⽅式
    

    View Slide

31. • Push messages
    • Multicast messages
    • Broadcast messages
    • Narrowcast messages
    Push event 的四種⽅法
    

    View Slide

32. 如何跟 Messaging API 溝通
    

    View Slide

33. 取得⽤⼾資訊
    

    View Slide

34. • Display Name
    • User Id
    • Language
    • Picture Url
    • Status Message
    詳細資訊
    https://developers.line.biz/en/reference/messaging-api/#get-profile
    

    View Slide

35. Icon Switch
    

    View Slide

36. 修改⼤頭貼圖⽰與名字
    h?ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
    

    View Slide

37. 修改⼤頭貼圖⽰與名字
    https://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch
    

    View Slide

38. Quick Reply
    

    View Slide

39. A
    B
    C
    • Camera action
    • Camera roll action
    • Location action
    • Postback action
    • Message action
    • URI action
    • Datetime picker action
    什麼是 Quick Reply?
    

    View Slide

40. • Node.js
    • Heroku CLI
    • Git
    (Tutorial) 使⽤ Node.js 做⼀個 Sample Bot
    https://developers.line.biz/en/docs/messaging-api/nodejs-sample
    

    View Slide

41. Rich Menu
    

    View Slide

42. https://developers.line.biz/en/docs/messaging-api/using-rich-menus/#introduction
    Rich Menu 範例
    

    View Slide

43. A
    B
    C
    • 居於 LINE Bot 聊天室的下⽅
    • Rich menu無法在 LINE 桌⾯版使⽤(macOS, Windows).
    • ⽬前僅⽀援 JPEG 以及 PNG
    什麼是 Rich Menu?
    

    View Slide

44. • 圖片格式: JPEG or PNG
    • 寬度 (pixels): 800 to 2500
    • ⾼度 (pixels): 250 or more
    • 比率 (width/height): 1.45 or more
    • 檔案最⼤尺⼨: 1 MB
    什麼是 Rich Menu?
    

    View Slide

45. LINE Login
    透過整合 LINE Login 能夠讓您的應⽤程式更快地連結 LINE ⽤⼾
    https://developers.line.biz/zh-hant/docs/line-login/overview/
    

    View Slide

46. What’s new in 2022
    

    View Slide

47. 2022/02/02 Rich Menu Playground
    h"ps://developers.line.biz/en/docs/messaging-api/try-rich-menu/#ac;ons-you-can-try-out-on-the-richmenu-playground
    

    View Slide

48. 2022/04/19 Webhook Redelivery
    https://developers.line.biz/en/news/2022/04/19/webhook-redelivery/
    

    View Slide

49. 2022/05/13
    New Rich Menu ac>ons
    • Close rich menu
    • Open rich menu
    • Open keyboard
    • Open voice message input mode
    https://developers.line.biz/en/news/2022/05/13/richmenu-keyboard/
    

    View Slide

50. Messaging API SDK
    • 讓您可以快速建立聊天機器人
    • 支援多種程式語言
    • Java
    • Python
    • PHP
    • Node.js
    • Go
    • Ruby
    • Perl
    

    View Slide

51. LINE API Status 網⾴
    h"ps://api.line-status.info
    

    View Slide

52. NFT
    

    View Slide

53. 透過 LINE Login 與 NFT 商城綁定
    h?ps://engineering.linecorp.com/zh-hant/blog/how-to-use-account-link/
    

    View Slide

54. 相關技術⽂件
    LINE Login
    Messaging API
    LINE Front-end Framework
    LINE Simple Beacon
    

    View Slide

55. LINE API Experts
    

    View Slide

56. View Slide

57. THANK YOU
    

    View Slide