名詞解釋

LIFF 是什麼?

一句話:LIFF 是 LINE 給開發者的一套規範,讓網頁可以「住在 LINE 裡面」。對店家來說,這代表你可以在 LINE 官方帳號裡放購物車、訂位系統、會員介面,顧客點訊息就能用,不必跳離 LINE、不必下載 App。

LIFF 全名與技術定義

LIFF(讀作「立夫」)全名是 LINE Front-end Framework。它不是程式語言,也不是套件,而是一套 「在 LINE app 內開啟網頁的規範」

技術上的核心是:LINE app 內建一個瀏覽器(俗稱「LINE 內建瀏覽器」),當使用者點開 https://liff.line.me/<liff-id> 這種網址時,LINE 會把它判定為 LIFF 環境,注入一段 JavaScript SDK。透過這個 SDK,網頁可以取得 LINE 使用者資訊、開啟分享面板、關閉視窗等等。

LIFF 跟普通網頁差在哪?

對店家來說,差別主要是兩件事:

  1. 自動登入:使用者點開 LIFF 時,網頁可以直接拿到他的 LINE userId、頭像、暱稱,不必再讓使用者註冊或填表。
  2. 在 LINE 內全螢幕開啟:使用者不會離開 LINE,跟看訊息一樣的體驗,下單流程比跳到外部網站順暢。

LIFF 可以做什麼?

常見場景:

  • 購物網站:顧客在 LINE 內瀏覽商品、加入購物車、信用卡結帳、追蹤訂單。
  • 會員系統:LINE 帳號直接綁定會員,不必再記另一組密碼。
  • 抽獎 / 集點活動:取得 LINE userId 後即時發放點數。
  • 訂位 / 預約:餐廳、診所、髮型沙龍常用。
  • 問卷 / 表單:自動帶入 LINE 個資,提升填寫率。
  • 邀請 / 推薦:分享連結直接帶 LINE userId,做精準的推薦人追蹤。

店家要怎麼開始用 LIFF?

店家有兩種選擇:

A. 自己開發 LIFF 應用

適合有工程師、需求很特殊的店家。流程:申請 LINE Login Channel → 自己寫網頁 → 部署到雲端 → 在 LINE Developers 註冊 LIFF App,把 Endpoint URL 指到你的網頁。從零開始大約 1–3 個月。

B. 用現成的 LINE-first SaaS

適合沒有工程資源的小店家。直接申請 SaaS 服務(例如 來shop),平台已經把 LIFF 應用都寫好了,你只需要:申請 LINE Login Channel → 在 SaaS 後台填入 Channel ID → 系統自動生成你的 LIFF 網址 → 上架商品。整套設定約 10 分鐘。

使用 LIFF 有哪些限制?

  • 網域必須 HTTPS:LIFF 不接受 http:// 網址。
  • iframe 嵌入受限:你的網頁如果被嵌在 iframe 內,SDK 可能拿不到 LINE 資訊。
  • 分享範圍限定 LINE 平台內:LIFF SDK 的分享功能只能分享給 LINE 好友,不能直接分享到 Facebook、Instagram。
  • 外部瀏覽器有差異:用 Safari、Chrome 開啟 LIFF 網址雖然可以,但無法自動登入 LINE 帳號。

常見問題

LIFF 是什麼?

LIFF 全名 LINE Front-end Framework,是 LINE 提供的一套規範,讓你的網頁可以在 LINE app 內部以全螢幕方式開啟,並透過 LINE 提供的 SDK 取得使用者的 LINE userId、暱稱、頭像,以及進行訊息分享、付款等動作。

LIFF 跟普通網頁有什麼差別?

技術上 LIFF 就是普通的網頁,但只要透過 https://liff.line.me/<liff-id> 這種網址打開,LINE app 會將其視為 LIFF 環境,注入額外的 JavaScript SDK,讓網頁能取得 LINE 使用者資訊。普通網頁打開時沒有這些能力。

LIFF 可以做什麼?

最常見的用途:購物網站(讓顧客在 LINE 內瀏覽、結帳)、會員系統(用 LINE 帳號登入)、抽獎活動、訂位 / 預約、客製問卷。理論上任何可以做成網頁的功能都能放進 LIFF。

顧客一定要從 LINE 打開嗎?

不一定。LIFF 網址也可以在普通瀏覽器打開,只是會少了「自動取得 LINE 帳號」這個能力。設定 LIFF App 時可以選擇允許 / 不允許外部瀏覽器使用。

LIFF 用起來要錢嗎?

LINE 不額外收費。你只需要付主機費(如果自己架)、與 LINE 官方帳號的訊息費(推播訊息時才收)。LIFF 本身免費。

想實際看看?

用 LIFF 開的店長這樣

點下面按鈕,會用 LINE 開啟一家真實營運中的 LIFF 購物網站,體驗從瀏覽到結帳全流程。