Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

LINE Developers Taiwan
PRO

July 13, 2022
Tweet

More Decks by LINE Developers Taiwan

Other Decks in Technology

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