多くの方が利用されているLINEですが、LIFFというアプリケーション開発のプラットフォームが提供されているのをご存じでしょうか。この仕組みを利用すればLINEのログインを別のWEBシステムに組み込んだり、自社のLINE公式アカウントに登録したお客様と自社の顧客データベースのデータを紐づけたりすることができます。ある程度技術検証が進んだのでとりあえずここまでわかったことをメモっておきます。
LIFFとは
詳しくはLINE Developersのサイトをご覧ください
LINE Front-end Framework略してLIFFです。読み方は特に決まっていないようです。私は何の迷いもなく「ライフ」と読んでいましたが、ググってみると「リフ」という説もあるようです。LIFFを使えば、冒頭にも書いた通りLINEアカウントへのログイン機能を含むアプリケーションを簡単に作成できます。もちろんLINE公式アカウントなどから呼び出すことも可能です。
初期設定
初期設定をするところから最小限のLIFFアプリを起動するところまで説明します。
アカウント作成
アカウントとプロバイダーの登録をします。残念ながらスクショやメモを取り忘れてしまったので以下のサイトをご覧ください。多分説明通り進めていけば登録できると思います。
チャネル登録
プロバイダーの画面で「新規チャネル作成」をクリック。
LINEログインをクリック。
LINEログインとはWEBアプリケーションにLINEアカウントでのログイン機能を提供してくれるものです。
チャネルの種類には「LINEログイン」を選択。
プロバイダーには自分自身を選択。
地域はそのまま、チャネルアイコンは任意。
チャネル名、チャネル説明は任意のテキスト。
アプリタイプはとりあえず両方選択しました。
メールアドレスは自分のものを入力。
プライバシーポリシーURLの入力は任意。
サービス利用規約URLの入力は任意。
「LINE開発者～同意します」のチェックをONにして作成ボタン。
LIFFアプリ設定
LINEログインの設定が完了したらLIFFアプリの設定をします。
上で作成したLINEログインの画面でLIFFタブに移動し追加ボタンを押します。
サイズはLINEからLIFFアプリを呼び出した時の大きさです。後から変えられるので好きな値を選びます。
エンドポイントURLは呼び出すアプリケーションのURLです。LIFFアプリとして呼び出したいサイトやWEBアプリのURLを入力します。
とりあえずは仮にGoogleのURLを入れます。後から変更可能です。
Scopeにはとりあえずprofileを選択しました。正直項目の意味は分かってないです…。
ボットリンク機能はとりあえずOff（ただ意味が分かってないだけ）、
オプションの２項目はとりあえずデフォルトのままで追加ボタンを押す。
とりあえずLIFFアプリを起動
発行されたLIFFのURLをコピーします。
ブラウザのアドレスバーにURLを張り付けて移動すると、エンドポイントURLに設定したサイトやWEBアプリが表示されます。 上記の通りに設定した場合、Googleのサイトが表示されるはずです。
これでもっとも単純なLIFFアプリの完成です。
Googleのサイトが表示されたところで特に意味はありませんがなんとなくLIFFの作り方や動き方は少し理解していただけるのではないかと思います。