LINE LIFF 應用開發:在 LINE 裡跑你的服務

要求客人「先下載我們的 App」是台灣數位服務最高的一道門檻——下載、註冊、允許通知,每一步都在流失人。LIFF 的價值就在繞過這道門檻:你的服務直接在 LINE 裡打開,客人不用下載任何東西,而台灣幾乎人人都有 LINE。這篇講清楚 LIFF 是什麼、能做到哪、做不到哪,以及我們實際開發的注意事項。

LIFF 到底是什麼

LIFF 全名 LINE Front-end Framework,講白話:它是一個讓網頁在 LINE 內建瀏覽器裡執行、並且能跟 LINE 平台互動的框架。重點有兩層:

• 本質上是網頁。LIFF 應用就是一個掛在 HTTPS 網址上的 Web 應用,用一般的網頁技術開發,只是載入了 LINE 提供的 LIFF SDK。這代表你不用送審上架、改版即時生效、一套程式碼直接服務 iOS 與 Android。
• 能拿到 LINE 的身分。透過 SDK,使用者點開的瞬間就能取得他的 LINE 使用者識別與顯示名稱(經使用者同意授權),不用再走一次註冊流程。「免註冊就知道你是誰」是 LIFF 體驗贏過一般網頁的關鍵。

畫面上,LIFF 支援三種尺寸:全螢幕(Full)、占畫面約四分之三的 Tall、以及底部小視窗的 Compact,可依情境選擇——查個積點用 Compact 就好,完整的預約流程用 Full。

適合 LIFF 的場景

判斷標準很簡單:低頻、輕量、跟 LINE 訊息互相搭配的服務。實例:

• 會員卡與積點查詢:從官方帳號選單點開,出示條碼、查點數,用完即走。
• 預約與報名:推播提醒裡附連結,點開直接改期,不用登入官網。
• 訂單查詢與簡單下單:出貨通知點進去看物流狀態;團購、快閃活動的輕量下單頁。
• 問卷與登記:因為身分是現成的,填答門檻極低。

LIFF 最強的一點是跟官方帳號的組合拳:訊息把人帶進 LIFF、LIFF 的操作結果再觸發訊息回報,整個閉環都發生在 LINE 裡。這也是我們在LINE 官方帳號 × 電商那篇講的架構裡,承接互動的那一塊。

LIFF 的能力邊界

誠實地說,LIFF 不是萬能。它終究是網頁,重度依賴裝置能力的功能(背景定位、藍牙、複雜的離線操作)做不到或做不好;需要常駐、高頻開啟的產品,體驗也比不上原生 App——那種需求該考慮的是 App 路線(可參考我們的 Capacitor 實戰經驗)。另外,LIFF 頁面也能在外部瀏覽器開啟,但此時部分與 LINE 整合的能力會受限,設計時要準備降級方案,不能假設使用者永遠在 LINE 裡。

開發上的踩坑筆記

1. 身分驗證一定要在伺服器端做。前端 SDK 拿到的使用者資訊只能拿來顯示,不能直接信。正確做法是把 LIFF 給的 ID Token 送到你的後端驗證簽章,確認真的是 LINE 簽發的,再建立你自己的登入狀態。跳過這步,任何人都能偽造請求冒充會員——這是我們看過最常見的 LIFF 資安漏洞。
2. LINE 內建瀏覽器有自己的脾氣。它不是完整的 Chrome 或 Safari,快取行為、檔案下載、部分新的網頁 API 支援度都有差異,開發時要在實機的 LINE 裡測,不能只在電腦瀏覽器測完就上。
3. 使用者識別碼的範圍要搞清楚。LINE 給你的使用者識別是以你的服務為範圍的,不同服務設定下拿到的識別碼可能對不起來。規劃多系統共用會員時,要在自己的後端做好對應表,別假設「LINE 給的 ID 在哪裡都一樣」。
4. 授權同意畫面會嚇跑人。第一次開啟時 LINE 會跳出授權詢問,要求的權限越多、流失越多。只要顯示名稱就別要 Email,權限最小化不只是資安禮貌,也是轉換率優化。

LIFF 的本事,是把「使用一個服務」的成本降到跟「點開一則訊息」一樣低。

如果你的服務輕量、目標客群在 LINE 上,LIFF 幾乎是目前台灣市場成本效益最好的入口。想評估自家場景適不適合,歡迎聊聊:客製化系統與 SaaS 服務。