[筆記] Line LIFF 初步串接 Vue3 設定心得

LineLIFF 若要串接執行登入功能,有一些關鍵點會需要注意,以免造成無窮迴圈、轉發至 404 Error 或是無法成功初始化。

notes-line-liff-vue3-1


內容

初始化需要 LIFFID 和 Endpoint URL 正確設定

LiffID 於載入初始化需要,同時 Endpoint URL 的 Domain 和 Port 需要完全符合,才能成功載入並取得登入狀態。

自訂網址列的參數 Params

若你網址列有自訂的 Params,由於 Line Liff 登入後導回你的 Endpoint 時,並不會主動帶入,所以你需要先行存在瀏覽器的 session 中,然後登入後導回時再接回網址列。此外要以既有網址列上的自訂參數為主,以免參數混淆。

寫一個 Hook ( Composable )

因此寫一個 Composable 是不錯的選擇如下:


參考資料

1. [Vue]初探LIFF的一些筆記-開發篇

按讚加入粉絲團

延伸閱讀