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

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

LINE Developersでの操作

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

    LINE Developers に移動し、作成したご自身のプロバイダーを選択します。

    ※ プロバイダーは、必ずLINE Messaging APIを作成したものと同じプロバイダーを選択して下さい。

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

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

  • 3.LINEログインチャネルを作成

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

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

    ご自身のサービス情報をLINEログインチャネルに登録しましょう。
    ここに設定した情報の一部は、 許諾画面に表示されます。

    ①プロバイダー

    選択したプロバイダー名が表示されます。

    ②地域

    LINEログインチャネルをリリースする地域を選択します。例では「日本」を選択しています。

    ③会社・事業者の所在国・地域

    法人の場合は会社の所在国・地域を、個人の場合は店舗や居住地の所在国・地域を選択してください。

    ④チャネルアイコン

    アイコン画像を登録します。ここに登録した画像は 許諾画面に表示されます。

  • 5.その他必要情報を入力

    ①チャネル名

    チャネル名を入力します。ここに入力した説明文は、 許諾画面に表示されます。

    ②チャネル説明

    チャネルの説明文を入力します。ここに入力した説明文は、 許諾画面に表示されます。

    ③アプリタイプ

    アプリタイプは「ウェブアプリ」を選択します。

    ④メールアドレス

    チャネルに関するお知らせがこのメールアドレスに届きます。
    お知らせを受け取りたい任意のメールアドレスを登録してください。

    チャネルについて

    「チャネル名とは」「チャネルにどのような情報を入力したらいいか」については、LINEの公式ドキュメントをご確認下さい。

    チャネルについて
  • 6.規約に同意

    プライバシーポリシー、サービス利用規約は任意で登録します。

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

  • 7.チャネルを公開

    作成されたら、チャネル名の右にある「開発中」ボタンを選択します。

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

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

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

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

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

  • 許諾画面

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

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

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

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

LINE Developersでの操作

  • 1.LIFFを選択

    作成したLINEログインチャネルを選択した状態で、 タブメニューから「LIFF」という項目を選択します。

  • 2.LIFFアプリを作成

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

    2つ目を作成するときは「追加」ボタンの位置が少し変わります↓

  • 3.情報を入力

    ①LIFFのアプリ名

    LIFFのアプリ名を入力します。
    アプリ名は任意の名前をつけて下さい。

    ②サイズを選択
    • Full
    • Tall
    • Compact

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

    この例では、まず「Full」サイズから作成します。

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

    「エンドポイントURL」に、Poster側から発行された「エンドポイントURL」を貼り付けます。

  • Poster管理画面での操作

    Poster管理画面のチュートリアル「Step4:LIFFアプリを有効にしましょう」の画面に、LIFFサイズごとの「エンドポイントURL」が記載されています。

    作成するサイズに応じた「エンドポイントURL」をコピーしましょう。

    ※コピーするエンドポイントURLを間違えないようにしましょう。作成するサイズに合ったものをコピーして下さい。
    例えば、作成するLIFFサイズが「Full」の場合は「Full用のエンドポイントURL」をコピーしましょう。

  • 5.「Scope」「ボットリンク機能」などの設定

    ①Scope

    「Scope」項目の「profile」と「openid」にチェックを入れます。

    ②ボットリンク機能

    「ボットリンク機能」項目は任意で選択して下さい(通常はオフで問題ありません)。

    ③ScanQR

    「オプション」項目の「ScanQR」をオン(緑色)にします。

    モジュールモードは設定せず、「追加」ボタンを選択して登録を完了します。

  • 6.LIFF IDをPoster管理画面側に設定

    LIFFの作成が完了すると、「LIFF ID」が発行されます。

    このLIFF IDをコピーして、Posterのチュートリアル画面に戻り該当箇所に貼り付けましょう。

  • Poster管理画面での操作

    Poster管理画面のチュートリアル「Step4:LIFFアプリを有効にしましょう」の画面に戻り、LIFFサイズごとの「LIFF ID」を貼り付けましょう。

  • 7.同じ作業を2回繰り返す

    残り2サイズのLIFFを同じように作成しましょう。

    手順2〜6の作業を繰り返して、「Full」「Tall」「Compact」合計3つのLIFFを作成します。

Poster管理画面での操作

  • LIFF IDの設定を確認

    Poster管理画面のチュートリアル「Step4:LIFFアプリを有効にしましょう」の画面で、
    「Full」「Tall」「Compact」全てにそれぞれのLIFF IDを入力したことを確認しましょう。

    全て入力をしたら「登録」ボタンを押して次のステップに進みましょう。

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

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

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