LINE 平台與開發生態系介紹

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

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