Save 37% off PRO during our Black Friday Sale! »

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

Aa0358f6740f1bf02911e5300e08e800?s=47 Richard Lee
December 18, 2020
20

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

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

Aa0358f6740f1bf02911e5300e08e800?s=128

Richard Lee

December 18, 2020
Tweet

Transcript

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

  2. • Co-Founder & CTO @ 愛料理 • LINE API Expert

    • Google Developer Expert Richard Lee
  3. 為什麼要做 LIFF?

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

  5. Share Target Picker 2020 最新功能

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

  7. DX = UX for Developers

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

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

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

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

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

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

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

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

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

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

    中完全解決!
  18. LIFF 的套件在 NPM 上已經釋出

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

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

  21. 在 LINE Dev Day 2020 公佈了 LIFF V3 的藍圖! 1.

    開放 Plugins 架構 2. LUI 豐富的 LIFF UI 元件庫 LIFF 3.0 展望
  22. 1. 導入 NPM 套件對 DX 大加分 2. 注意版本號的變革,列入專案規劃 3. 立刻訂閱

    LINE 相關的 LINE Dev 帳號! 結論:LIFF 的 DX 持續進化中
  23. 謝謝! 與我或其他 LAE 交流! • rl@icook.tw • LINE & Twitter

    ◦ dlackty