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

LINE Bot 入門介紹與 Platorm API 更新資訊 202107

LINE Bot 入門介紹與 Platorm API 更新資訊 202107

LINE API Platform Update 2021/07 by NiJia Lin @ 中部人 Chatbot community #16

https://chatbots.kktix.cc/events/chatbots-meetup-in-central-taiwan-016

2102a6b8760bd6f57f672805723dd83a?s=128

LINE Developers Taiwan
PRO

July 14, 2021
Tweet

Transcript

  1. LINE Bot 入門介紹與 Pla,orm API 更新資訊 LINE Developer Relations NiJia

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

    Evangelism
  3. 01 02 03 04 05 Outline Messaging API introduction Icon

    Switch Quick Reply Rich Menu Platform API Update
  4. Messaging API Introduction

  5. Hot it works 內容

  6. What's a channel? 內容

  7. What's a Provider? • Is an individual developer, company or

    organization • Can not change the channel PROVIDER after the channel is created • Do not use develop account to production environment
  8. What's a Provider?

  9. What's a Provider?

  10. Messaging API Reply event Push event LINE Platform What you

    can do with the Messaging API
  11. • Push messages • Multicast messages • Narrowcast messages •

    Broadcast messages Push event methods
  12. What you can do with the Messaging API

  13. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  14. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  15. Text & Sticker message

  16. • 關鍵字 (Keywords) • 與使用者更多的互動 • 更符合對話情境 • 猜你想什麼 h1ps://developers.line.biz/en/docs/messaging-api/s@cker-list/

    Sticker message
  17. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  18. Image, Video, Location message

  19. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  20. Template message

  21. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  22. Imagemap message

  23. Message Event Imagemap message Flex message Text message Template message

    Location message Sticker message Image message Video/Audio Message Send various message types
  24. Flex Message

  25. Flex Message Simulator

  26. Get Current User Profile

  27. Icon Switch

  28. Change icon and display name h5ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch

  29. Change icon and display name h5ps://developers.line.biz/en/reference/messaging-api/#icon-nickname-switch

  30. Quick Reply

  31. A B C • Camera action • Camera roll action

    • Location action • Postback action • Message action • URI action • Datetime picker action What is Quick Reply?
  32. • Node.js • Heroku CLI • Git (Tutorial) Make a

    sample bot using Node.js h"ps://developers.line.biz/en/docs/messaging-api/nodejs-sample
  33. Rich Menu

  34. A B C • Bottom of the LINE Bot chat

    screen. • Rich menus aren't displayed on LINE for desk- top (macOS, Windows). • Is a JPEG or PNG image file. What is Rich Menu?
  35. A B C • Image format: JPEG or PNG •

    Image width size (pixels): 800 to 2500 • Image height size (pixels): 250 or more • Image aspect ratio (width/height): 1.45 or more • Max file size: 1 MB What is Rich Menu?
  36. Easily switch between multiple rich menus • Create rich menu

    alias • Delete rich menu alias • Update rich menu alias • Get rich menu alias information • Get list of rich menu alias https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/
  37. AS-IS: No Alias https://developers.line.biz/en/news/2021/06/21/switch-between-multiple-rich-menus/

  38. TO-BE: Alias • 使⽤者按下 Rich Menu 後向 LINE Server 發送請求,同時會以

    Postback 事件的形式向 Bot 應⽤程式發送 Webhook • LINE Server 接受請求後並將 Rich Menu 切換到使⽤者欲使⽤ 的樣式 h5ps://developers.line.biz/en/news/2021/06/21/switch-between-mulGple-rich-menus/
  39. More introduction ⬇ https://engineering.linecorp.com/zh-hant/blog/rich-menu-alias-switch-action/

  40. LIFF v2.11 Redirect example h1ps://developers.line.biz/en/news/2021/06/14/liff-v-2-11-0-release/ • 第三⽅追蹤⼯具不會再夾雜 params • Security

    improvements • 相關 params 皆在 localStorage
  41. Example of URL fragment after liff.init() h1ps://developers.line.biz/en/news/2021/06/14/liff-v-2-11-1-release/

  42. LINE API Status Site h1ps://api.line-status.info

  43. LINE TECH FRESH https://engineering.linecorp.com/zh-hant/blog/line-tech-fresh-2020-graduate/ 43

  44. None
  45. THANK YOU