futureshop line設定 line公式アカウントの開設とapi · line...
TRANSCRIPT
Copyright(C) Future Shop All Rights reserved.
https://www.future-shop.jp/
株式会社フューチャーショップ
futureshop LINE設定
LINE公式アカウントの開設とAPI設定
2Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
ご利用にあたって
• futureshopのLINE連携オプションでは、LINEログインAPI・ Messaging APIを使用します。
• LINE公式アカウントでMessaging APIを使用するためには、(店舗様で)必ず1つLINEアカウントを取得する必要があります。
• LINEアカウントと連携していない「ビジネスアカウント」ではMessaging APIをご利用いただけません。
3Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントを開設
LINE公式アカウントを開設してください。
管理画面である「LINE Official Acconut Manager」にログインします。
「ライトプラン」または「スタンダードプラン」を契約していただく必要があります。詳しくは料金プランをご覧ください。
LINE Official Account Manager
4Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE Official Acconut Managerの「月額プランのアップグレード」からお申込みできます。
LINE Official Account Manager
LINE Official Account Managerでの変更手順1. アカウントリストで、設定するアカウント名をクリック2. 画面右上の[設定]>[利用と請求]>[月額プラン]をクリック3. [月額プラン]に表示されているプラン名をクリック4. 変更したいプランの[アップグレード]または[ダウングレード]をクリ
ック5. 利用規約を確認⋅同意し、ボタンをクリック
※フリープランから有料プランへ変更する場合は、即時に新しいプランが適用されます※有料プランからフリープランや他の有料プランへ変更する場合は、お申し込みの翌月から新しいプランが適用されます。※フリープランに変更されるまでの間に無料メッセージ数を超えてメッセージを配信した場合、追加メッセージ料金が発生いたします。
ご確認ください
メッセージの通数による
従量課金です。
5Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定1
LINE公式アカウント管理画面、 LINE Official Account Managerへログインします。
( https://manager.line.biz/ )
LINE Official Account Manager
6Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
画面右上の「設定」からMessaging API設定を表示します。
Massaging APIを利用するボタンを押下します。
LINE公式アカウントの開設とAPI設定2
LINE Official Account Manager
こちらのダイアログが表示された場合、「アカウント連携」ボタンを押下し、LINEアカウントと連携してください。
7Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定3
1. 「プロバイダーを作成」にて任意のプロバイダー名を入力し「同意する」ボタンを押下します。
2. 確認画面が表示されるので「OK」ボタンを押下します。
3. 「APIを利用する」ボタンを押下します。
4. Messaging APIが有効になります。
※認証プロバイダー申請に使用しますので、プロバイダー名は正式な企業名にてご登録ください。
※既存で使用しているプロバイダーを選択するには、そのプロバイダーの権限をもったLINEID が必要です。
LINE Official Account Manager
このページの内容について詳しくは、LINE Official Account Manager操作マニュアル(web)「Messaging API設定」をご覧ください。
8Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定4
LINE Developers( https://developers.line.me/console/ )へログインします。LINE Developers
9Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定5
プロバイダーから先ほど設定したプロバイダーを選択します。
「新規チャネル作成」ボタンを押下します。
LINE Developers
10Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定6
新規チャネル作成モーダルで「LINEログイン」を選択します。LINE Developers
11Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定7
新規チャネル作成モーダルで「LINEログイン」を選択します。
「アプリ名」「アプリの説明」に任意の内容を入力します。
アプリ名・アプリの説明は、友だち追加時などに表示される「認証」画面に表示されます。
※なおアプリ名には「LINE」という文字列もしくは類似する文字列は使えません。
アプリタイプで「WEBで使う」を選択し、メールアドレスを入力します。
LINE Developers
アプリ名
アプリ説明
12Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定8
「LINE Developer Agreementの内容に同意します」にチェックして「作成」ボタンを押下します。
LINE Developers
13Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定9
同様に「新規チャネル作成」ボタンから、新規チャネル作成モーダルで「Messaging API」を選択します。
必要事項に入力して、チャネルを作成します。
すでにLINE連携オプションで利用可能な「Messaging API」がある場合は、作成せず次ページへ進んでください。
LINE Developers
14Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE公式アカウントの開設とAPI設定10
チャネルが開設されました。
LINEログインおよびMessaging APIのチャネルが作成されたことを確認してください。
LINE Developers
15Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
チャネルの公開設定
1. 「LINEログイン」チャネルのチャネル基本設定画面に遷移します。
2. 画面右上にある「非公開」と書かれたボタンを押下します。(「公開」ならば以下の作業は不要です。ボタンがない場合も作業不要です。)
3. Channelを公開しますか?というモーダル表示されますので、「公開する」ボタンを押下します。
4. LINEログインのチャネルが公開されていることを確認してください。下図のように「公開済み」と表示されていれば公開されています。
LINEログインチャネル基本設定
LINE Developers
16Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE設定1
フューチャーショップ管理画面にログインし、構築メニュー>ページ設定>LINE設定を表示します。
LINE設定を行うにはフューチャーショップの「LINE連携オプション」をご契約していただく必要があります。futureshop管理画面の管理TOP>管理者設定にある「お申し込みバナー」をクリックし、専用フォームからお申し込みください。お申し込みいただきましたら、フューチャーショップからお手続きメールをお送りします。
17Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE Official Account Manager画面に戻って、画面右上の「設定」からMessaging APIを表示し、Channel IDとChannel Secretをフューチャーショップ管理画面に転記します。(コピーボタンを押下し、貼り付けしてください。)
LINE設定2
Channel ID
Channel Secret
LINE Official Account Manager
18Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
続いて「アカウント設定」にある「アカウント情報」を確認し、ベーシックIDから@を除いた部分を「Search ID」に入力します。下図の場合「a0b1c2d3」がSearch IDになります。
LINE設定3
a0b1c2d3
LINE Official Account Manager
19Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE設定4
LINE Developers画面に戻って、LINEログインを選択します。LINE Developers
20Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINEログインのチャネル基本設定を表示し、Channel IDとChannel Secretをフューチャーショップ管理画面に転記します。(コピー&ペーストしてください。)
LINE設定5
LINE Developers
21Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINEログインのアプリ設定-リダイレクト設定にある「Callback URL」の編集ボタンを押下します。
LINE設定6
LINE Developers
22Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE設定7
構築メニュー>ページ設定>LINE設定-LINE Developersの設定項目にある「Callback URL」の値を転記します。転記したら「更新」ボタンを押下してください。
店舗の状態によって転記いただくURLが違いますのでご注意ください。
以前からのユーザー画面をご利用の場合
https://ドメイン名/fs/店舗KEY/LineIdLinkAuthReceiver.html
コマースクリエイターをご利用の場合
https://ドメイン名/p/line/authlogin
LINE Developers
23Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
「このチャネルにリンクされたボット」設定
続けてこちらの作業を行ってください。
LINE Developers>LINEログイン>チャネル基本設定-共通 基本情報
1. 「このチャネルにリンクされたボット」が設定されていない場合「編集」ボタンを押下してください。
2. LINEログインのチャネルとリンクする「本番アカウント」を選択してください。
3. LINEログインのチャネルとリンクする「本番アカウント」が選択されました。
24Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
LINE ID連携時にLINEアプリの「認証」画面にて、友だち追加のチェックをONの状態で初期表示していただくための認証プロバイダー取得申請書です。
認証プロバイダーならば、友だち追加のチェックが初期表示でONになります。
認証Provider取得申請書
LINE Developers >プロバイダー
記載してください
チェックしてください
「個人情報の取扱いについて」ページのURLを入力
URLの「provider=」の後の数字を入力
25Copyright(C) Future Shop All Rights reserved. https://www.future-shop.jp/
Provider名の変更方法
認証プロバイダー取得申請書の「Provider名」には『※申請企業様の正式な企業名をProvider名として予め設定し、本欄に記載ください。』との注釈がございます。
Provider名を正式な企業名以外で設定された場合は、 LINE Developers画面にて、Provider名の右側の変更ボタンを選択します。
こちらのボタンからProvider名を正式な企業名に変更してください。