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

LIFF SDK 的開發者體驗與實用秘訣

Richard Lee
December 18, 2020
67

LIFF SDK 的開發者體驗與實用秘訣

LINE 作為開放的開發者平台,在近年也積極投入 DX(開發者體驗)的優化,而其中 LIFF 作為重點產品之一,更是在今年推出了 NPM、TypeScript 等支援,針對 SDK 版本的更新週期等也都有了明確的藍圖說明。在這次的分享當中,我將帶各位一覽一些你可能不知道的 LIFF 開發方式與技巧,希望能讓與會者在開發 LIFF 應用時更加得心應手!

Richard Lee

December 18, 2020
Tweet

Transcript

  1. LIFF SDK 的開發者體驗
    與實用秘訣
    Richard Lee @ TECHPULSE 2020

    View full-size slide

  2. ● Co-Founder & CTO @ 愛料理
    ● LINE API Expert
    ● Google Developer Expert
    Richard Lee

    View full-size slide

  3. 為什麼要做 LIFF?

    View full-size slide

  4. LIFF
    案例分享
    愛料理市集
    電商購物金刮刮卡

    View full-size slide

  5. Share Target
    Picker
    2020 最新功能

    View full-size slide

  6. Developer Experience (DX)
    開發者經驗是什麼?

    View full-size slide

  7. DX = UX for
    Developers

    View full-size slide

  8. 開發者經驗的要點
    1. 好的文件(以及文件反饋機制)
    2. 尊重各語言平台的文化與既有工具
    3. 各項變更都有妥善通知開發者

    View full-size slide

  9. 好的文件(以及文件反饋機制)

    View full-size slide

  10. 最複雜的 LIFF 登入機制也有很好的流程說明

    View full-size slide

  11. 每個反饋真的會看!
    每頁右下角都可以
    回饋文件問題

    View full-size slide

  12. 各項變更都有妥善通知開發者

    View full-size slide

  13. 版本支援的時程有明確說明

    View full-size slide

  14. LINE DEV 各產品的版本更新通知

    View full-size slide

  15. LINE DEV 的訊息
    當然在 LINE 看得到
    連 LAE 們都愛不釋手!
    立刻加入:
    LINE 台灣
    LINE 全球

    View full-size slide

  16. 尊重各語言平台的文化與既有工具

    View full-size slide

  17. LIFF 2 支援
    在瀏覽器開發!
    過往為人詬病的 LIFF 難以開
    發的問題
    LIFF 2 中完全解決!

    View full-size slide

  18. LIFF 的套件在 NPM 上已經釋出

    View full-size slide

  19. LIFF 的 NPM 套件
    與 TypeScript 型別
    自動帶入各種文件資訊。
    不懂的地方也有超連結可以去
    看文件。

    View full-size slide

  20. 再也不怕手殘打錯,複雜的 Flex Message 也難不倒你。

    View full-size slide

  21. 在 LINE Dev Day 2020 公佈了 LIFF V3 的藍圖!
    1. 開放 Plugins 架構
    2. LUI 豐富的 LIFF UI 元件庫
    LIFF 3.0 展望

    View full-size slide

  22. 1. 導入 NPM 套件對 DX 大加分
    2. 注意版本號的變革,列入專案規劃
    3. 立刻訂閱 LINE 相關的 LINE Dev 帳號!
    結論:LIFF 的 DX 持續進化中

    View full-size slide

  23. 謝謝!
    與我或其他 LAE 交流!
    [email protected]
    ● LINE & Twitter
    ○ dlackty

    View full-size slide