LIFF v2 基本使用示範

筆記文:Let's Write

填寫 LIFF ID 以啟動範例功能

請參考筆記文,建立自己的 LIFF 後,將取得的 LIFF ID 填入以下欄位。

基本環境資訊

示範


登入、登出

  • 僅支援外部瀏覽器
  • 「redirectUri」的網址必須要在後台中的「Callback URL」先設定好,不然會 400 error

示範

  • 外部瀏覽器時才有作用
  • 登入 / 登出 後,可以看上面的「isLoggedIn」是否有變動,true 為登入、false 為未登入

取得使用者資料

官方提醒:

Do not track a user with cookies, localStorage, or sessionStorage or link LINE user information with external session information without getting the user's consent. While you can use cookies, localStorage, or sessionStorage with the LIFF app, their use may be restricted in the future.

未經用戶同意,請勿使用 cookie,localStorage 或 sessionStorage 跟踪用戶或將 LINE 用戶信息與外部會話信息鏈接。雖然您可以通過 LIFF 應用程序使用 cookie,localStorage 或 sessionStorage,但將來可能會限制它們的使用。

示範

需先登入 LINE


傳訊息

  • 會用你的帳號傳訊息
  • 傳送訊息:無法在外部瀏覽器使用
  • 傳送訊息:後台 Scopes 的「chat_message.write」要打勾
  • 傳送訊息給朋友:登入 LINE 帳號即可使用
  • 傳送訊息給朋友:LIFF 後台上的「shareTargetPicker」必須要是打勾
  • 這邊傳訊息的部份,是用你的帳號傳訊息到 好友、聊天室、群組、機器人
  • 使用者登入時的「傳送訊息至聊天室」要是「許可」

示範


連結

示範


掃描器

  1. 僅支援在 LINE App 內開啟時
  2. 後台的「Scan QR」必須是打勾的,而且使用者要在 LINE App 上開啟時才能使用
  3. 會回傳字串回來
  4. IOS 的 LINE 在 9.19.0 以上的版本無法使用,會回傳 undefined

關閉 LIFF

僅支援在 LINE App 內開啟時