LIFFの作成方法
- 必ずLINE Developersの公式ドキュメントで正しい手順をご確認ください。
本ページで案内するLIFF設定方法は、あくまで弊社調査に基づくものであり、Poster管理画面との連携を前提にした内容です。
1.「LINE Developers」にアクセスします
LINE Developers(https://developers.line.biz/ja/)に移動し、ログインします。
2.プロバイダーを選択します
プロバイダーを選択します。
※ プロバイダーにはお客様ご自身が設定したプロバイダーが表示されます。下記画像は弊社で設定したプロバイダー名ですので、同じプロバイダー名は表示されません。
3.LIFF用の新規チャネルを作成します
「新規チャネル作成」を選択します。
4.LINEログインを選択します
チャネルの種類は「LINEログイン」を選択します。
5.チャネル情報を登録します
チャネルアイコンとチャネル名を入力します。
チャネルアイコン、チャネル名はお好きなものを登録して下さい。サンプルと同じ名前にしないでください。- チャネルアイコン・チャネル名
- ここに設定したアイコン画像、チャネル名は、許諾画面に表示されます。
6.その他必要情報を入力します
チャネルアイコンとチャネル名を入力します。
入力する情報は、必ずご自身のサービスに関する情報を入力してください。サンプルと同じ情報は入力しないでください。- ①チャネル説明
- チャネルの説明文です。ここに入力した説明文は、許諾画面に表示されます。
- ②アプリタイプ
- アプリタイプは「ウェブアプリ」を選択します。
- ③メールアドレス
- チャネルに関するお知らせがこのメールアドレスに届きます。
お知らせを受け取りたい任意のメールアドレスを登録してください。
7.規約に同意し、作成します
画面下の規約に同意した上で、「作成」ボタンを選択します。
8.LIFF用のチャネルが作成されました
作成されたら、チャネル名の右にある「非公開」を選択します。
9.LIFF用のチャネルの公開状態を公開に変更します
確認画面が表示されるので、「公開」を選択します。
※ ここでLIFFを「公開」へ設定しないと、その後LIFFを使った画面(プロフィール登録画面など)が正常に表示されなくなりますので、必ず「公開」へ設定してください。
10.LIFF用のチャネルの公開状態が公開になりました
チャネル名の右にある公開状態が「公開済み」になりました。
11.LIFFアプリを作成します
続いて、LIFFアプリを作成します。
タブメニューから「LIFF」という項目を選択します。12.LIFFを作成します
「追加」ボタンを選択して、LIFFを作成します。
10.LIFFアプリを「Full」「Tall」「Compact」の3サイズ作成する
LIFFのアプリ名を入力します。
アプリ名はお好きな名前をつけて下さい。サンプルと同じ名前にする必要はありません。サイズは、「Full」「Tall」「Compact」それぞれ1つずつ、計3つ作成が必要です。どのサイズから作成しても構いません。
今回の例ではまず「Tall」サイズから作成します。11.「エンドポイントURL」を登録します
「エンドポイントURL」に、Poster側から発行されたURLを登録します。
※ エンドポイントURLはPosterの初期設定チュートリアルのステップ4(Posterのはじめ方の手順12が該当)で発行されます。
12.「Scope」を選択します
「Scope」項目の「profile」にチェックを入れます。
※「chat_message.write」「openid」はPosterで使用していないので、チェックは不要です。13.「ボットリンク機能」を選択します
「ボット機能」項目の「Off」にチェックを入れます。
14.オプションは選択せず、そのまま作成します
「オプション」項目は設定せず、「作成」ボタンを選択して登録を完了します。
15.同じように「Full」「Compact」サイズのLIFFアプリを作成します
「Tall」サイズのLIFFを作成した手順と同じように、「Full」サイズと「Compact」サイズのLIFFも作成します。
3つのLIFFアプリを作成し終えたら、各サイズの「LIFF URL」をコピーして、Poster側チュートリアルの「LIFFアプリを作成する」ステップに戻り、を行います。
※ チュートリアルではなく、後からLIFFアプリの設定をする場合は「LIFFアプリ設定」画面にコピーした各URLを登録します。
★許諾画面
LIFFアプリを初めて開いた時に、許諾画面が表示されます。
この画面で「許可する」を選択してもらうと、友だちはLIFF画面を利用できるようになり、Posterに友だちとして認識されるようになります。