LINE上でecforce chatを起動する

LINE上でecforce chatを起動する

LIFFアプリにecforce chat上で発行したLINE LIFF用URLを設定することで、LINE上でecforce chatを起動することができます。

設定手順

以下の手順で設定してください。※括弧内は、操作をする管理画面の名前です。

1. LINEログインチャネルの作成（LINE Developers）
2. OpenID Connectの申請（LINE Developers）
3. LIFFアプリの追加（LINE Developers）
4. シナリオエディタの作成（ecforce chat）
5. デザインの設定（ecforce chat）
6. LINE LIFF用URLの発行（ecforce chat）
7. エンドポイントURLの設定（LINE Developers）

１．LINEログインチャネルの作成（LINE Developers）

LINE Developersにアクセスし、管理者権限をもつアカウントでログインします。

画面左に表示されているプロパイダー名をクリックします。

「新規チャネル作成」をクリックします。

「LINEログイン」を選択します。

情報を入力し、「作成」をクリックします。※「アプリタイプ」は「ウェブアプリ」を選択してください。

LINEログインチャネルの作成ができました。

２．OpenID Connectの申請（LINE Developers）

LINEログインを使用してユーザーのメールアドレスを取得する場合、OpenID Connectの申請が必要です。
1.LINEログインチャネルの作成（LINE Developers）で作成したチャンネルの[チャンネル基本設定]タブの下部にある、「OpenID Connect > メールアドレス取得権限」の「申請」ボタンをクリックしてください。

申請が完了すると「申請済み」と表記されます。

３．LIFFアプリの追加（LINE Developers）

1.LINEログインチャネルの作成（LINE Developers）で作成したチャネルの[LIFF]タブをクリックします。

「追加」をクリックします。

情報を入力し、「追加」をクリックします。
※「Scope」は、「profile」「email*」「openid」のすべてにチェックを入れてください。
※「エンドポイントURL」は後ほど変更するので、仮のURLを設定してください。

追加したLIFFアプリの「LIFF ID」は、6.LINE LIFF用URLの発行（ecforce chat）で必要となるので、コピーボタンをクリックして「LIFF ID」をコピーしておきます。

４．シナリオの作成（ecforce chat）

ecforce chatの【シナリオエディタ】画面にて、以下のノードを使用したLINE用のシナリオを作成します。
※既存のシナリオを使用することも可能です。
※各ノードの詳細は、【シナリオエディタ】外部連携APIをご参照ください。

• LINE LIFF プロフィール情報取得API
• ecforce LINE MultiPass API
• ecforce 顧客LINE ID更新API

これらのノードを使用して、以下のシナリオを作成します。

1. LINE LIFF プロフィール情報取得APIを用いて、ユーザーのLINEのプロフィール（ユーザーID、表示名、プロフィール画像、メールアドレス）を取得する
2. ecforce LINE MultiPass APIを用いて、取得したLINE IDもしくはメールアドレスでecforceにログインする
   ＜詳細＞
   ・取得したLINE IDを持つユーザーがecforce上に存在する場合、ecforceに登録されているメールアドレスでログインする
   ・取得したLINE IDを持つユーザーがecforce上に存在しない場合、取得したメールアドレスでログインする
3. LINE以外からチャットを起動したユーザーや、LINE MultiPass認証に失敗したユーザーは、ecforce ログインAPIを用いて、ecforceにログインする
4. LINE LIFF プロフィール情報取得APIでLINE IDが取得できた場合のみ、ecforce 顧客LINE ID更新APIを用いて、ecforce上のユーザーのLINE IDを取得したLINE IDに更新する

５．デザインの設定（ecforce chat）

【シナリオエディタ】画面の「LINE LIFF設定」にて、LINE上で起動するチャットのデザインを設定します。
設定できる項目は以下です。

• チャットのタイトル
• チャットのヘッダーの表示状態

※詳細は、デザイン設定の「LINE LIFF設定」をご参照ください。

６．LINE LIFF用URLの発行

4.シナリオエディタの作成（ecforce chat）で作成したシナリオの「タグ発行」をクリックします。

「LINE LIFF用URL」の項目「LIFF ID」に、3.LIFFアプリの追加（LINE Developers）でコピーしたLIFF IDを設定します。

LIFF IDを設定すると、LINE LIFF用URLが発行されます。

「LINE LIFF用URL」の横にあるコピーボタンをクリックし、URLをコピーします。

７．エンドポイントURLの設定（LINE Developers）

LINE Developersのチャネルの[LIFF]タブにて、3.LIFFアプリの追加（LINE Developers）で作成したLIFFアプリをクリックし、LIFFの詳細画面を開きます。

「エンドポイントURL」の「編集」をクリックします。

6.LINE LIFF用URLの発行（ecforce chat）でコピーしておいたLINE LIFF用URLを設定し「更新」をクリックします。

本設定が完了すると、LINE上でecforce chatを起動することができます。