Line LIFF 可以做什麼?

Roger Huang
Aiii
Published in
4 min readJun 28, 2019

LIFF ( LINE Front-end Framework ) 是一種可以在 Line 中直接操作網頁的平台。能取得 User 在該 Provider 及 Channel 中可以用來唯一識別的 UserId、公開的個人資料以及代為傳送訊息至 Chat Bot 的權限。

有了 UserId 便可以與 Chat Bot 及使用 Line Login 或 Account Link 的網站進行用戶資料的串接,進而提供更為全面的服務!

上圖為LIFF可以存取的權限。

關於啟用 LIFF 的技術細節部分,網路上已有相當多資源可參考,以下介紹一些應用實例。

Chat Bot中的刮刮樂

LIFF場景應用 1 — 刮刮樂抽獎

網頁技術 HTML5 Canvas 具有強大的圖形繪製功能,能夠渲染出各式 2D、3D 圖形元素,藉此帶來遊戲般的體驗。

比起 Chat Bot 單純的文字描述,由 User 親自參與操作同時伴隨著豐富的視覺及觸覺響應,可以為 User 帶來更深刻的互動方式。

在Line中開啟LIFF網頁的應用場景之一,可以看見背景畫面仍停留在Line@

LIFF場景應用 2 — 表單填寫

使用 Chat Bot 傳統問答式的資料收集方式雖然輕便,但在複雜或冗長的資料形式就顯得不太合適(例如資料更正、格式不符…等的處理)。

這時就可以發揮網頁具備設計彈性的優勢提供表單填寫。

從開啟表單、填寫資料、提交表單到最後的關閉 LIFF 頁面,整個過程都可在 Chat Bot 內完成。藉此提供不間斷的服務。

在Chat Bot內使用LIFF與User對話。

LIFF場景應用 3 — 一對一客服

客服使用 LIFF 替代 Chat Bot 對話,能夠有效的減少推播花費。

並且能和日常推播做出明顯的區分及問題歸類,以利追蹤客服與 User 雙方歷史對話內容。

在Chat Bot內使用客製化的優惠券

LIFF場景應用 4 — 多元化的優惠券

截至目前為止(2019–06–25), LINE 官方的優惠券還不能透過 API 發送。當有較特殊的情境時,原有的官方服務可能會無法達成需求。

例如:加入會員就發送、刮刮樂刮中時發送、推播給擁有某標籤的對象、使用前填寫特定資料、完成其他特定目標時發送…等

此時可以將 Messaging API 與 LIFF 具備高度設計彈性的特性做結合,提供較多元較豐富的應用方式。

LIFF場景應用 5 — 團體投票

LINE 聊天的群組可以舉辦投票活動,想在 Chat Bot 中也舉辦一場精彩活動?

透過一些設計及巧思,LIFF 也能在 Chat Bot 中舉辦投票活動喔!(而且沒有聊天群組500人的限制)

結語:

1.許多 LINE 沒有內建的功能,可以透過LIFF使用網頁技術做互補,藉此延伸出具備彈性、更生動且更完整的應用模式。

2.使用外部瀏覽器開啟網頁,User 的注意力容易分散,操作完網頁可能會忘記回到 LINE 進行後續動作,而 LIFF 則可以直接在 Chat Bot 中直接瀏覽/關閉網頁,使用衍生服務增加黏著度的同時並維持體驗的一致性。

3.在特定高互動頻率的場合,使用 LIFF 取代可以有效地減少推播費用。

4.本文尚未提及的,LIFF 可以使用Line Things 技術,透過藍牙結合各式 IOT 設備,進一步的提高 Chat Bot 影響力,將服務延伸至現實世界觸手可及的第三方硬體上。

--

--

Roger Huang
Aiii
Editor for

任職於 AIII.AI 全端工程師,關注 Chat Bot 及 AI 運用發展,喜歡鑽研雲端架構及程式開發技術。目前主要使用 NodeJS 、Angular 、Firebase 、GCP 及 Protractor E2E 開發網站。聯絡方式:ranger@aiii.ai