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

LINE 平台技術介紹與應用

LINE 平台技術介紹與應用

LINE 平台技術介紹與應用 by NiJia Lin @ 2021 第三屆 LINE Chatbot 對話機器人設計大賽(賽前工作坊)

event https://contest.bhuntr.com/tw/fklc6b98o0ueubrzel/home/

2102a6b8760bd6f57f672805723dd83a?s=128

LINE Developers Taiwan
PRO

September 04, 2021
Tweet

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