前言

這系列是以本身是LIFF初學者的角度，邊摸索，邊學習，紀錄充滿歡笑與淚水(?)的過程。

註冊

登入 Line developer console

Create a new provider

什麼是Provider?

Provider即每一個LINE用戶，在每一個公司/組織的LINE平台開發的帳號，例如: 建一個Provider叫IT邦。

Create a new channel，選擇Line Login

此時，這個Provider底下，就增加一個Line Login channel。一個Provider下，可以存在多個channel。

填寫建立Channel資料 (當用戶加入服務時，出現在同意頁面的描述資訊)，完畢後，會看到建立好的Line Login channel。

進入channel後，會看到一些設定。選擇LIFF頁面，點擊Add，建立LIFF APP。

建立LIFF APP

Basic information 各選項解釋

Size

這是當用戶點開LIFF URL後，期望彈出的視窗大小，分成Full、Tall及Compact。

Endpoint URL 

即進入點，假如將Endpoint URL設定成IT邦首頁，當用戶點擊LIFF URL後，開啟的畫面就會是IT邦的首頁。

限制

• URL 只能以 HTTPS 開頭
• URL 內不接受 (#hash)
• 長度須 1000 字以內

Scope

勾選不同選項，可以取得不一樣的用戶資訊

• openid: 取得用戶 ID token
• profile: 取得用戶個人資訊
• chat_message.write: 如果要使用liff.sendMessages(後續會介紹)，須勾選

Bot link feature

當用戶登入LIFF APP後，是否顯示加入官方帳號為好友的頁面

• normal: 同意頁面包含加入好友選項
• aggressive: 另開加入好友分頁
• off: 不顯示加入好友選項
  

ScanQR

是否啟用讀取QR Code功能

按下Add，看到LIFF ID、LIFF URL，代表LIFF APP建立成功!

以下是建立LIFF APP後，才會出現的選項

shareTargetPicker

如果要使用liff.shareTargetPicker(之後會做介紹)，須開啟

Module mode

這裡強調一下，Module mode用來設定是否不啟用share button。

什麼是share button?

只有在Screen Size是Full的時候，才會出現share button的icon。用戶點擊share button後，可把URL以訊息的方式分享出去。

這裡要特別注意，如果啟用Module mode，是不啟用share button功能

如果有哪裡需要修正或改善的地方，懇請各位大神們提供建議。

參考資料

• LINE Front-end Framework
• Adding a LIFF app to your channel
• Add a LINE Official Account as a friend when logged in (bot link)
• LIFF v2 基本使用筆記及範例