ヘルプ
- HOME
- ヘルプ
- ご利用開始に向けて
- L-BOOSTの初期設定
- L-BOOSTとLINE公式アカウントを連携させる
ヘルプカテゴリ
L-BOOSTとLINE公式アカウントを連携させる
L-BOOSTとLINE公式アカウントを連携させる方法について説明します。 全部で6ステップにわかれています。
1LINEの公式アカウントを作成
LINE公式アカウントの開設と設定については、L-BOOSTヘルプ
「LINE公式アカウントを取得し、設定する」をご確認ください。
2Messaging APIを有効にする
LINE公式アカウントを作成した直後はMessaging APIが有効になっていません。
ここではMessaging APIを有効にする手順を説明します。
右上の「設定」をクリックして、アカウント設定を開きます。
左メニューの「設定」から、「Messaging API」をクリックをクリックして、「Messaging API」を開きます。
「Messaging API」ページに表示されている「Channel情報」、また、LINE公式アカウントのID（アカウント名の横にある＠から始まる文字列）は、L-BOOSTとの連携で必要になるので控えておきます。
「チャット」をクリックして「応答設定」を開きます。
以下のように設定します。
・チャット ON
・あいさつメッセージ OFF
・web hook ON
【チャットの応答方法】
・応答時間 ON
・応答方法
応答時間内→手動チャット
応答時間外→応答メッセージ
3LINEログインチャネルを作成
LINEログインチャネルの作成手順を説明します。
リンクをクリックすると別ウィンドウで「LINE Developers」が開きます。
右上の「コンソール」をクリック。
L-BOOSTで使用する「プロバイダー」を選択します。
プロバイダーが無い場合は緑の「作成」ボタンから作成してください。
参考：LINE Developersドキュメント「プロバイダー」
左上の枠「新規チャネル作成」をクリックします。
「LINEログイン」をクリックします。
「新規チャネル作成」フォームが開くので、必要事項を入力します（下記を参考にしてください）。
・プロバイダー：選択したプロバイダーが表示されていますので、そのままでOK。
・サービスを提供する地域：日本
・会社・事業者の所在国・地域：日本
・チャネルアイコン：任意で画像をアップロードしてください。（なくても可）
・チャネル名：わかりやすい名前を入力してください（例：クラトショップ）
・チャネル説明：わかりやすい説明を入力してください（例：クラトショップのチャネル）
・アプリタイプ：「ウェブアプリ」にチェック
・メールアドレス：登録者のメールアドレスが表示されていますので、そのままでOK。
・プライバシーポリシーURL：任意
・サービス利用規約URL：任意
「利用規約に同意します」にチェックをして「作成」ボタンをクリックします。
完了画面に表示される「チャネルID」と「チャネルシークレット」は、L-BOOSTの設定で必要になりますので、控えておいてください。
画面下の方にある「リンクされたボット」の「編集」ボタンをクリック。
リンクする公式アカウントを選択して「更新」ボタンをクリック。
4LIFFを作成
LINE Developersで、LIFFを作成する手順を説明します。
メニューから「LIFF」をクリック。
「追加」ボタンをクリックしてLIFF入力フォームを開きます。
下記を参考に必要事項を入力してください。
サイズは、Full / Tall / Compactの３種類が必要です。（ここではFullサイズから作成しています）
下記を参考に、フォームに入力をして「追加」ボタンをクリックします。
・LIFFアプリ名：サイズを入れておくとわかりやすいです（例：Fullサイズ）
・サイズ：Full / Tall / Compact
・エンドポイントURL：後でL-BOOSTで自動生成されたURLを入力します。一旦仮のURLを入れておいてください。（例：https://example.com）
・Scope：全てにチェック（profile / chat_message.write / openid）
・ボットリンク機能：On (Normal)
▼オプション
・ScanQR:ON
・モジュールモード:OFFのまま
オプション：ScanQRの「chat_message.write」にチェックを入れると、「chat_message.write」スコープを有効にしますか？というダイアログが表示されます。
「有効化」をクリックして有効にしてください。
最後に「追加」ボタンをクリックして完了です。
続けて、Tall、CompactサイズのLIFFを作成します。「追加」ボタンをクリックして、同じ手順で作成します。
各LIFFサイズの「LIFF ID」と「LIFF URL」は、L-BOOSTの設定で必要になるので控えておきます。
5L-BOOSTと連携
LINE側での設定が終わったら、L-BOOSTと連携します。
ここではLINEとL-BOOSTの連携の手順を説明します。
L-BOOSTにログインをして右上のユーザー名をクリックして「設定」を開きます。
「公式アカウント」をクリックします。
「新規作成」ボタンをクリックします。
アカウント管理名、アカウント管理名（カナ） を入力したら、「チャネル１」に@から始まる公式アカウント名を入力して、ステップ2の3で控えた値をL-BOOSTに転記します。
Messaging APIは、LINE Official Account Manager「設定」>「Messaging API」と進んで確認できます。
ステップ3の8で控えたLINEログインのチャネルID・チャネルシークレットの値、ステップ4の6で控えたLIFFのID・URLの値をL-BOOSTに転記します。
または、LINE DevelopersからLINEログイン名をクリックして、「チャネル基本設定」「LIFF」と進んで確認できます。
全て入力したら「作成」ボタンをクリック。
作成が完了すると各LIFFサイズにエンドポイントURLが発行されます。
LINE Official Account Manager「設定」>「Messaging API」へ進み、6で発行されたWebhook URLを転記します。
LINE Developers >LINE DevelopersのLIFFを開き、「シェアターゲットピッカー」をONにします。
LINE Developers >各サイズのLIFFをクリックして開きます。
エンドポイントURLの「編集」ボタンをクリック。
エンドポイントURLを6で発行されたURLに書き換えます。（ステップ4の3で、仮で入力した「https://example.com」を正式なエンドポイントURLに書き換えます。） ３サイズ全て書き換えます。
「LINEログイン設定」を開いて、コールバックURLにある「編集」ボタンをクリックします。
入力エリアが表示されるので、6で発行されたコールバックURLに書き換えます。
「更新」ボタンをクリックして保存します。
6LINEログインチャネルの公開
最後に、LINEログインチャネルを公開します。
LINE Developersのチャネル名の横にある「開発中」のステータスをクリックします。
チャネルを公開しますか？というダイアログが表示されるので「公開」をクリックして公開します。
以上で、L-BOOSTとLINE公式アカウントの連携は完了です。
