LIFFアプリの設定方法

  • LIFFアプリを使うにはどうしたらいいの?
  • LIFFアプリの初期設定が難しそう…

「LINE Front-end Framework」の略である「LIFF」とは、LINE上で動作するアプリケーションを作成するためのプラットフォームです。L Dashの一部機能を利用するためには、「LIFF」の初期設定を行う必要があります。

このページでは、「LIFF」の設定手続きの流れをステップごとに紹介していますので、参考にしてセットアップを完了しましょう。

えるの助
このページでできること
  • LIFFアプリの初期設定を行う

LIFFアプリをL Dashに設定する

L Dashで、友だち登録経路やクーポン、質問フォームを作成するにはLIFFの設定が必要です。

L DashでLIFFアプリが未設定の場合は「今すぐセットアップ」というメッセージが表示されるので「今すぐセットアップ」を押して設定をスタートします。

LIFFのセットアップのための6つのステップが表示されます。画面の手順に沿って進めていきましょう。

まずは、LINE Developersにログインし、L Dashで使用するLINEログインチャネルを作成します。LINE Developersのリンクが表示されるので押してログインします。

左メニューの「プロバイダー」欄から、L Dashと連携したプロバイダーを選択します。

チャネル設定の画面が表示されますので、「新規チャネル作成」を選択します。

「新規チャネル作成」画面が表示されますので、「LINEログイン」を選択します。

新規チャネル作成画面が表示されるので、順番に入力していきます。

なお、以下の画面が表示されたら一度L Dashに戻り、「次へ」ボタンを押して画面を先へ進めておいてください。

LINE Developersに戻り、以下の内容で入力していきます。適宜、L Dashの画面に表示されている「LINEログインチャネル入力手順」から必要な情報をコピーして貼り付けてください。

LINEログインチャネル入力手順

  • チャネルの種類:「LINEログイン」を選択
  • プロバイダー:L Dashと連携したプロバイダーを選択
  • サービスを提供する地域:日本を選択
  • 会社・事業者の所在国・地域:日本を選択
  • チャネルアイコン:設定は任意ですが、友だち認証時の画面に表示されるアイコンなので、LINE公式アカウントと同じアイコンを設定しておくことをおすすめします
  • チャネル名:L DashのLIFF設定画面の下部に表示されているものをコピーして張り付けます
  • チャネル説明:L DashのLIFF設定画面の下部に表示されているものをコピーして張り付けます
  • アプリタイプ:ウェブアプリ
  • 2要素認証の必須化:有効
  • メールアドレス:任意です。ご自身のメールアドレスを入力してください
  • プライバシーポリシーURL:任意です。ご自身のプライバシーポリシーURLを入力してください
  • サービス利用規約URL:任意です。ご自身のサービス利用規約URLを入力してください
  • LINE開発者契約への同意:チェックを入れます

入力が完了したら「作成」ボタンを押します。

作成したLINEログインチャネルが表示されます。

下の画面が表示されたら一度L Dash に戻り、「次へ」ボタンを押して画面を先へ進めておいてください。

LINE Developers画面に戻り、作成したLINEログインチャネルにLIFFアプリを追加しましょう。

LINE Developersの「LIFF」タブを開きます。「登録されているLIFFアプリはありません。」と表示されますので「追加」ボタンを押します。

すると「LIFFアプリを追加」の画面が表示されます。この画面が表示されたら、L Dashの「次へ」ボタンを押して先へ進みましょう。

L Dashに「LIFFアプリ入力手順」が表示されたらLINE Developersに戻り、以下の表の通りに内容を入力していきます。先ほどと同様に、適宜必要な情報をL Dashの画面からコピーしてきて貼り付けます。

LIFFアプリ入力手順

  • LIFFアプリ名:L Dash
  • サイズ:Fullを選択
  • エンドポイントURL:L DashのLIFF設定画面の下部に表示されているものをコピーして張り付けます
  • Scope:profile、chat_message.write、openid、すべてにチェックを入れる
  • 友だち追加オプション:On(Normal)にチェックを入れる
  • Scan QR:有効
  • モジュールモード:無効

入力が完了したら「追加」ボタンを押します。すると、作成したLIFFアプリが表示されるので、一度L Dashに戻り「次へ」ボタンを押して先へ進みます。

LINE Developersに戻り、画面下部の「LIFF ID」と「LIFF URL」をコピーします。

L Dashの「LIFF設定」画面に戻り、LINE Developersからコピーした「LIFF ID」と「LIFF URL」を貼り付けます。

次にもう一度LINE Developersの画面に戻り、チャネル名の横にある「開発中」ボタンを押しチャネルを公開します。

チャネルが「公開済み」に変わったことを確認してから、L Dashの「LIFF設定」画面に戻ります。

L Dashの「LIFF設定」画面で「次へ」ボタンを押すと、セットアップが完了します。

これで、「友だち登録経路」「クーポン」「質問フォーム」を使えるようになりました。

目次