初探新版LINE LIFF v2

LIFF v2提供了更好的整合式體驗

Allen Chang
Aiii
5 min readNov 8, 2019

--

什麼是LIFF?

LINE Front-end Framework的簡稱,提供在LINE裡面建置基於網頁架構的微應用服務。簡單說就是開發者可以在LINE裡面開發Web App,讓官方帳號用戶可以得到Chatbot + Web App的整合式體驗。統稱LIFF應用程序。

在LINE裡面打開LIFF的形式

LIFF v1功能

LIFF核心功能在於不需用戶手動登錄LINE登錄就可以獲取用戶的個人資料,並和Chatbot互動。

以下列出v1版本的SDK支持的功能:

  • init

開啟LIFF(line:// xxx)時必須初始化LIFF SDK才能使用以下功能,但在瀏覽器開啟頁面(https:// xxx)時,並無法初始化。所以web要和LIFF共享時必須手動布署LINE登錄才能讓使用者在同樣的應用情境下使用。

  • openWindow

在LIFF內開啟其他網頁,可以使用LINE應用內瀏覽器或使用外部瀏覽器開啟。

  • closeWindow

關閉LIFF頁面。

  • getAccessToken

取得使用者的Access Token,使用此Token來呼叫使用Social API相關功能。

  • getProfile

取得使用者的個人資料,包含userId,暱稱,大頭照等。

最主要是獲得userId來搭配LIFF的功能和Chatbot的整合。

  • sendMessages

以用戶身份來發出消息給Chatbot來觸發後續的動作。

  • 插件-BLE功能

開啟藍芽Beacon的功能,來串接物聯網

LIFF v2新增功能

主要新增支援外部瀏覽器與二維條碼掃描器等功能。

以下是新版 v2 可使用的新功能:

  • init

v2的初始化可支援外部瀏覽器啟用,搭配 LIFF SDK login 方法即可共用 LIFF 和 web 的程式邏輯,不需手動佈署 LINE Login。

  • getOS

可取得目前開啟頁面的裝置 web, iOS, android。

  • getLanguage

取得目前開啟頁面的環境語言設定。

  • getVersion

目前 LIFF SDK 的版本。

  • isInClient

是否在 LINE App 內開啟 。

  • isLoggedIn

用戶是否已登入 LINE Login,在 LIFF 環境下為已登入,網頁環境下才有未登入情境。

  • login

讓用戶轉換到登入畫面進行 LINE 登入。在 in-app 瀏覽器方式執行登入,不會轉到登入頁面,直接進行背景登入,只有在外部瀏覽器會轉到 LINE 登入頁面,讓用戶進行登入。

  • logout

讓用戶登出。

  • scanCode

讓用戶直接開啟 QR code 掃瞄器。

  • Plugins - ScanQR

開啟狀態才可使用上面的 scanCode 功能。

LIFF SDK v1 vs v2

LINE Login channel vs Messaging API channel

v2另一個重點:兼容 LINE Login V2.1 ,可申請開啟取得用戶 email 權限。

LINE channel

在 LINE 的開發者後台要建立 LIFF 前,必須先要建立一個 channel,目前分為 LINE Login channel 和 Messaging API channel。建立在這兩個 channel 的 LIFF 差異是 LINE Login channel 可以另外申請開啟取得用戶 email 的權限,而 Messaging API channel 是無法申請 email 權限的。

V1將會停用,時程未公布

正式已發布LIFF SDK v1將在未來棄用,雖然時程未公佈,但Aiii已積極測試v2功能,並在新的專案上採用v2版本開發。舊有的專案也已經開始逐步轉移至v2,我們在功能的規劃上也更進一步將網頁端的應用也考慮進去,希望能夠使我們的平台使用者有更方便的擴展性和整合性。

Aiii客服模組應用升級

原管理者端的v1客服功能,除了可以在桌機後台進行回覆之外,目前也可以在管理者收到新進客服通知時,直接開啟客服LIFF進行與用戶的對話。

客服管理模組進化成LIFF v2後,讓客戶除了在桌機版外,也可以在手機LINE裡直接看到所有用戶的客服狀態,達成一致性的體驗。

2019年LINE發布LIFF SDK v1之後,Aiii Bot平台大量使用LIFF在各個功能模塊,如加入渠道,預約,客服,活動報名報到,優惠券,抽獎活動…等。Aiii正在積極升級版本v1-> v2 ,新開發的模組都會直接升級到v2,大量舊有模組也會積極的轉移至v2版本,無論是用桌機還是LINE手機介面,都可以更好的直接操作管理後台,提供更完整統一的體驗,敬請期待。

如果對Aiii Bot Platform平台功能有興趣的話,歡迎加入我們的LINE官方帳號查詢。手機瀏覽請點我

桌機瀏覽請掃描

--

--

Allen Chang
Aiii
Editor for

任職於AIII.AI擔任CTO,關注Chat Bot及AI運用發展,喜歡專研雲端架構及程式開發技術。目前主要使用 NodeJS + Angular + Firebase + GCP 及 iOS Swift 開發網頁及App。