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管理画面のチュートリアルに戻り、貼り付けます。