# LIFFアプリをチャネルに追加する

LIFFアプリは、LINE DevelopersコンソールでLINEログインのチャネルに追加すると、LINEまたは外部ブラウザで起動できるようになります。

# 始める前に

以下の作業が完了していることを確認します。

# シェアターゲットピッカーを利用するには

LIFFアプリでシェアターゲットピッカー(liff.shareTargetPicker())を利用する場合、開発者は「情報利用に関するお願い」をよく読み、内容に同意していることを明らかにしてください。この同意は、チャネルごとに必要です。

  1. LINE Developersコンソールで、LIFFアプリを追加するLINEログインのチャネルを選択し、[LIFF]タブをクリックします。

  2. シェアターゲットピッカー]をクリックし、表示された内容をよく読み、[上記の事項に同意する]のチェックボックスをオンにして、[有効化]をクリックします。

# LIFFアプリをチャネルに追加する

1つのチャネルごとに最大30件のLIFFアプリを追加できます。

  1. LINE Developersコンソールで、LIFFアプリを追加するLINEログインのチャネルを選択し、[LIFF]タブをクリックします。

  2. 追加]をクリックします。

  3. 以下の項目を設定します。

    基本情報

    項目 説明
    LIFFアプリ名 LIFFアプリの名前。
    サイズ LIFFアプリの画面サイズ。詳しくは、「LIFFアプリの画面サイズ」を参照してください。
    エンドポイントURL LIFFアプリを実装したウェブアプリのURL(例:https://{Heroku app name}.herokuapp.com)。LIFF URLを利用してLIFFアプリを起動した際に、このURLが利用されます。
    URLスキームはhttpsである必要があります。なお、URLフラグメント(#URL-fragment)は指定できません。
    LIFF URLの追加情報の処理方法(※1) ユーザーがLIFF URLにアクセスしたときに、LIFF URLに追加したパス(/path)およびクエリパラメータ(?key=value)を、どのように扱うか指定します。詳しくは、「LIFFアプリを開く」を参照してください。
    Scope LIFFアプリの動作に必要なスコープ。
    • openid:IDトークンを取得するためのスコープ(※2)
    • email:メールアドレスを取得するためのスコープ(※2)
    • profile:プロファイルを取得するためのスコープ
    • chat_message.write:メッセージを投稿するためのスコープ。アカウントの種類によっては、このオプションが[全て表示]の下に表示されることがあります。
    ボットリンク機能(※3) ボットリンク機能の設定。
    • ON (normal):LIFFアプリの利用条件の同意画面に、LINE公式アカウントを友だち追加するオプションを追加します。
    • ON (aggressive):LIFFアプリの利用条件の同意画面の後に、LINE公式アカウントを友だち追加するかどうか確認する画面を表示します。
    • OFF:LINE公式アカウントを友だち追加するオプションを表示しません。

    オプション

    項目 説明
    ScanQR LIFFアプリでQRコードリーダーを利用する場合は、オンにします。
    モジュールモード(※1) LIFFアプリをモジュールモードで使用する場合は、オンにします。[モジュールモード]をオンにすると、シェアボタンを非表示にできます。

    ※1 LIFFアプリを追加するときは表示されません。編集時のみ表示されます。
    ※2 LINEログインのチャネルで、OpenID Connectのメール取得権限を申請した場合のみ表示されます。
    ※3 LINEログインのチャネルでのみ表示されます。

  4. 追加]をクリックします。

    LIFFアプリを追加すると、LIFF IDとLIFF URLが作成されます。

    項目 説明
    LIFF ID LIFFアプリIDです。
    例:1234567890-AbcdEfgh
    LIFF URL LIFFアプリへアクセスするURLです。ユーザーがLIFF URLにアクセスすると、LINEが提供するLIFFサーバーを経由して、開発者が提供するLIFFアプリのサーバー(エンドポイントURL)にリダイレクトされます。
    例:https://liff.line.me/1234567890-AbcdEfgh

# その他の操作

LINE Developersコンソールの[LIFF]タブでは、以下の操作も実行できます。

  • LIFFアプリの設定を編集する
  • LIFFアプリをチャネルから削除する

# 次のステップ

LIFFアプリをチャネルに追加したら、LIFFアプリを開いてみましょう。