[筆記] Line LIFF 網址列帶上自訂參數

章節連結

近期在實作 Line LIFF 的純前端頁面進行登入後跳轉時,發現登入後有一定機率會抓不到網址原先儲存的自訂參數。這邊筆記下成因和程式面的解法。

line


內容

桌機版較少遇到此問題,主因是在桌機瀏覽器跳轉至 LINE 登入後,通常會回到同一個分頁,這代表 session 是連貫的。但在手機上操作時,從 LINE App 跳回瀏覽器可能會開啟新分頁,導致 session 無法銜接,進而造成參數遺失。

解決方法並不困難:在程式執行登入跳轉前,先將需要保留的數值存入 localStorage;當從 LINE 跳回原網址時,再從 localStorage 取出數值,並以 & 銜接的方式帶回 URL 參數中即可。

原先我是使用 sessionStorage 並在電腦端做測試,所以測試時沒遇到這問題。

按讚加入粉絲團