初探新版LINE LIFF v2

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

Allen Chang
Nov 8 · 5 min read

什麼是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官方帳號查詢。手機瀏覽請點我

桌機瀏覽請掃描

Aiii

AIII.AI類神經 是一間以人工智慧為核心的行銷公司,透過大數據的分析及應用,幫助客戶做到精準的行銷溝通。目前因應LINE2.0的改版,推出了 Ai智慧受眾推薦系統,不用人工的篩選設定,AI即可協助找出最合適的推播受眾,提升訊息互動率的同時更降低推播花費!

Allen Chang

Written by

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

Aiii

Aiii

AIII.AI類神經 是一間以人工智慧為核心的行銷公司,透過大數據的分析及應用,幫助客戶做到精準的行銷溝通。目前因應LINE2.0的改版,推出了 Ai智慧受眾推薦系統,不用人工的篩選設定,AI即可協助找出最合適的推播受眾,提升訊息互動率的同時更降低推播花費!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade