Poster for カラーミーショップ連携 – LIFFアプリ設定

LINEログインチャネルを作成しましょう

LINE Developersでの操作

  • 1.プロバイダーを選択

    LINE Developers(https://developers.line.biz/ja/に移動し、プロバイダーを選択します。

    ※ プロバイダーにはお客様ご自身が設定したプロバイダーが表示されます。下記画像は弊社で設定したプロバイダー名ですので、同じプロバイダー名は表示されません。

  • 2.新規チャネルを作成

    「新規チャネル作成」を選択します。

  • 3.LINEログインを選択

    チャネルの種類は「LINEログイン」を選択します。

  • 4.チャネル情報を登録

    チャネルアイコンとチャネル名を入力します。
    チャネルアイコン、チャネル名はお好きなものを登録して下さい。サンプルと同じ名前にしないでください。

    チャネルアイコン・チャネル名
    ここに設定したアイコン画像、チャネル名は、許諾画面に表示されます。
  • 5.その他必要情報を入力

    チャネルアイコンとチャネル名を入力します。
    入力する情報は、必ずご自身のサービスに関する情報を入力してください。サンプルと同じ情報は入力しないでください。

    ①チャネル説明
    チャネルの説明文です。ここに入力した説明文は、許諾画面に表示されます。
    ②アプリタイプ
    アプリタイプは「ウェブアプリ」を選択します。
    ③メールアドレス
    チャネルに関するお知らせがこのメールアドレスに届きます。
    お知らせを受け取りたい任意のメールアドレスを登録してください。
  • 6.規約に同意

    画面下の規約に同意した上で、「作成」ボタンを選択します。

  • 7.チャネルを公開

    作成されたら、チャネル名の右にある「非公開」を選択します。

  • 確認画面が表示されるので、「公開」を選択します。

    ※ ここでLIFFを「公開」へ設定しないと、その後LIFFを使った画面(プロフィール登録画面など)が正常に表示されなくなりますので、必ず「公開」へ設定してください。

  • 8.LINEログインチャネル作成完了

    チャネル名の右にある公開状態が「公開済み」になりました。

    LINEログインチャネルの作成が完了したら、続いてLIFFアプリの作成を行います。

  • 許諾画面

    友だちがLIFFアプリを初めて開いた時に、この許諾画面が表示されます。

    この画面で「許可する」を選択してもらうと、友だちはLIFF画面を利用できるようになり、Posterに友だちとして認識されるようになります。

    ここのアイコンや名前は、LINE DevelopersのLINEログインチャネルで設定したものが表示されます。

LIFFアプリを作成しましょう

Poster管理画面での操作

  • 1.エンドポイントURLを確認

    Poster管理画面のチュートリアル画面へ戻り、エンドポイントURLをコピーします。

  • 2.次の画面を確認

    次へ進むと、LIFF URL登録画面が表示されます。

    ここには、LINE Developersで作成する3つのLIFFアプリのURLを登録するので、またLINE Developers(https://developers.line.biz/ja/の画面へ移動しましょう。

LINE Developersでの操作

  • 1.LIFFを選択

    LINE Developers(https://developers.line.biz/ja/にアクセスし、プロバイダーを選択し → Step5で作成したLINEログインチャネルを選択した状態で、タブメニューから「LIFF」という項目を選択します。

  • 2.LIFFアプリを作成

    「追加」ボタンを選択して、LIFFを作成します。

  • 3.3サイズ(計3つ)作成

    LIFFのアプリ名を入力します。
    アプリ名はお好きな名前をつけて下さい。サンプルと同じ名前にする必要はありません。

    サイズは、

    • Full
    • Tall
    • Compact

    それぞれ1つずつ、計3つ作成が必要です。
    どのサイズから作成しても構いません。

    今回の例ではまず「Tall」サイズから作成します。

  • 4.「エンドポイントURL」を設定

    「エンドポイントURL」に、Poster側から発行されたエンドポイントURLを登録します。

  • 5.「Scope」を選択

    「Scope」項目の「profile」にチェックを入れます。
    ※「chat_message.write」「openid」はPosterで使用していないので、チェックは不要です。

  • 6.「ボットリンク機能」を選択

    「ボットリンク機能」項目の「On(Aggressive)」にチェックを入れます。

  • 7.オプション

    「オプション」項目は設定せず、「作成」ボタンを選択して登録を完了します。

  • 8.他サイズを作成

    「Tall」サイズのLIFFを作成した手順と同じように、「Full」サイズと「Compact」サイズのLIFFも作成します。

    3つのLIFFアプリを作成し終えたら、各サイズの「LIFF URL」をコピーして、Poster管理画面のチュートリアルに戻り、貼り付けます。

LIFFアプリ作成を完了したら

NEXT 引き続き、LINE公式アカウントとPosterの連携をしましょう Poster for カラーミーショップ導入手順に戻る

無料で始めるLINE公式アカウントの販促ツール!

今すぐ無料で始める

Posterについてのご質問・ご相談
画面右下のチャットまたは問合せフォームボタンより承ります。

お問合せフォームへ

受付時間:平日09:00〜17:00


※ LINE 及び LINE@ はLINE株式会社の商標または登録商標です。PosterはLINE株式会社が提供する LINE Messaging API を利用しています。