Poster for カラーミーショップ連携 – LIFFアプリ設定
LINEログインチャネルを作成しましょう
LINE Developersでの操作
1.プロバイダーを選択
LINE Developers に移動し、作成したご自身のプロバイダーを選択します。
※ プロバイダーは、必ずLINE Messaging APIを作成したものと同じプロバイダーを選択して下さい。
2.新規チャネルを作成
「新規チャネル作成」を選択します。
3.LINEログインチャネルを作成
チャネルの種類は「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」を貼り付けます。
5.「Scope」「ボットリンク機能」などの設定
- ①Scope
「Scope」項目の「profile」と「openid」にチェックを入れます。
- ②ボットリンク機能
「ボットリンク機能」項目は任意で選択して下さい（通常はオフで問題ありません）。
- ③ScanQR
「オプション」項目の「ScanQR」をオン（緑色）にします。
モジュールモードは設定せず、「追加」ボタンを選択して登録を完了します。
6.LIFF IDをPoster管理画面側に設定
LIFFの作成が完了すると、「LIFF ID」が発行されます。
このLIFF IDをコピーして、Posterのチュートリアル画面に戻り該当箇所に貼り付けましょう。
7.同じ作業を2回繰り返す
残り2サイズのLIFFを同じように作成しましょう。
手順2〜6の作業を繰り返して、「Full」「Tall」「Compact」合計3つのLIFFを作成します。
Poster管理画面のチュートリアル「Step4：LIFFアプリを有効にしましょう」の画面に、LIFFサイズごとの「エンドポイントURL」が記載されています。
作成するサイズに応じた「エンドポイントURL」をコピーしましょう。
※コピーするエンドポイントURLを間違えないようにしましょう。作成するサイズに合ったものをコピーして下さい。
例えば、作成するLIFFサイズが「Full」の場合は「Full用のエンドポイントURL」をコピーしましょう。
Poster管理画面のチュートリアル「Step4：LIFFアプリを有効にしましょう」の画面に戻り、LIFFサイズごとの「LIFF ID」を貼り付けましょう。
Poster管理画面での操作
LIFF IDの設定を確認
Poster管理画面のチュートリアル「Step4：LIFFアプリを有効にしましょう」の画面で、
「Full」「Tall」「Compact」全てにそれぞれのLIFF IDを入力したことを確認しましょう。全て入力をしたら「登録」ボタンを押して次のステップに進みましょう。