$30 off During Our Annual Pro Sale. View Details »

LINE 平台與開發生態系介紹

LINE 平台與開發生態系介紹

Speaker: Nijia Lin
Event: 台北商業大學 LINE Chatbot 競賽工作坊

LINE Developers Taiwan
PRO

September 17, 2023
Tweet

More Decks by LINE Developers Taiwan

Other Decks in Technology

Transcript

  1. View Slide

  2. LINE 平台
    與開發⽣態系介紹

    View Slide

  3. NiJia Lin 🥷
    LINE Technology Evangelist
    ⭐ Developer Relations
    👋 External Evangelism
    📌 Internal Evangelism

    View Slide

  4. View Slide

  5. 198
    DYNAMIC USER BASE
    19
    GLOBAL MAU
    million
    SUPPORTS
    languages
    BY THE NUMBERS
    178
    *Supported languages: Arabic, Brazilian
    Portuguese, English, French, German,
    Indonesian, Italian, Japanese, Korean, Malay,
    Portuguese, Russian, Spanish (Castilian),
    Spanish (Latin America), Simplified Chinese,
    Thai, Traditional Chinese, Turkish, Vietnamese
    TOP-4 MAU
    million
    (Japan, Taiwan, Thailand, Indonesia)
    *As of March 2023
    image: Freepik.com

    View Slide

  6. View Slide

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

    View Slide

  8. Text & Sticker message

    View Slide

  9. Image, Video, Audio, Location
    messag

    View Slide

  10. Template message

    View Slide

  11. Imagemap message

    View Slide

  12. 回覆訊息 -
    Quote Message
    • 回覆特定訊息
    • 得知⽤⼾回覆的訊息
    • ⽬前僅⽀援 text 與 sticker

    View Slide

  13. Flex Message

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  17. 如何跟 Messaging API 溝通

    View Slide

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

    View Slide

  19. 取得⽤⼾資訊
    • Display Name
    • User Id
    • Language
    • Picture Url
    • Status Message
    https://developers.line.biz/en/reference/messaging-api/#get-profile

    View Slide

  20. Icon Switch
    修改⼤頭貼圖⽰與名字

    View Slide

  21. 什麼是 Quick
    Reply?
    • Camera action
    • Camera roll action
    • Location action
    • Postback action
    • Message action
    • URI action
    • Datetime picker action

    View Slide

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

    View Slide

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

    View Slide

  24. Messaging API
    讓您可以快速建立聊天機器⼈
    ⽀援多種程式語⾔
    • Java
    • Python
    • PHP
    • Node.js
    • Go
    • Ruby
    • Perl

    View Slide

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

    View Slide

  26. 什麼是 LIFF

    View Slide

  27. 穿衣服要挑⼤⼩ - LIFF 尺碼

    View Slide

  28. LIFF 在哪兒 – 預約系統

    View Slide

  29. LIFF 在哪兒 – 會員卡

    View Slide

  30. 發給 OA 互動的⽤⼾ -
    Send Message
    • 各式 Message 格式
    • 最多⼀次發送 5 則訊息
    • 從 OA 點過去的 LIFF 才能使⽤
    https://developers.line.biz/en/reference/liff/#send-messages

    View Slide

  31. 分享很重要 –
    Share Target Picker
    • 外部瀏覽器 ➡ liff.login()
    • liff.isApiAvailable()
    • 透過個⼈帳號發送

    View Slide

  32. OMO 最需要的! -
    liff.scanCodeV2()
    • Powered by WebRTC
    • LINE v11.7.0+
    • LIFF v2.15.0+
    • External Browser/Android/iOS

    View Slide

  33. • LIFF starter app
    - https://github.com/line/line-liff-v2-starter
    - NextJS
    - NuxtJS
    - Vanilla
    • LIFF Playground
    - https://github.com/line/liff-playground
    - https://liff-playground.netlify.app/
    - 外部/⼿機 瀏覽器皆可使⽤
    從哪開始呢? -
    Starter

    View Slide

  34. View Slide

  35. View Slide