LOADING
NEW 初期設定ワークショップ公開しました
この手順では、前の手順で設定した「LINE公式アカウント」と「LINEログインチャンネル」をLSEGに登録し、連携作業を行います(作業時間:約5分)
可能であればブラウザのウインドウやタブで「LINE developers」と「LSEG管理画面」を2つ開いた状態で作業を行っていただくと、作業がスムーズです。
※前の手順がまだお済みでない方は、以下のページを参考に作業を行ってください。
LINEとLSEGの接続では LSEGへの設定 と LINE公式への設定 の2種類があります。
※LINE公式の設定をLSEGに設定する
(1) LSEGがLINEのメッセージ配信などをできるように設定する【STEP2〜4】
(2) LSEGがLINEの友だちの情報を取得できるようにする【STEP5〜6】
※LSEGの設定をLINE公式に設定する
(3) LSEGがLINEから友だちが追加されたことを受け取れるようにする【STEP7】
(4) LSEGがLINEから友だちの情報の取得などを許可されたことを受け取れるようにする【STEP8】
STEP 1LSEGのLINE連携画面を開きます
※初回登録時は自動的にこの画面が開きます。
必要な入力要素は以下の5要素となります
それぞれ必要な値を、LINE公式アカウント管理画面から取得していきましょう。
STEP 2LINE Developersに移動します
https://developers.line.biz/ja/
▼コンソール をクリックします
▼翻訳の確認をします。(2か所)
・「ファミリーサイト」の横の翻訳を「日本語」へ直す
・右クリックで出てくるダイアログの翻訳を「検出された言語」へ直す
▼左のメニューから、前の手順で作成したプロバイダー「lseg-seupport」クリックします。表示されたチャネルの一覧から、Messaging APIと表記のあるアカウント(LINE公式アカウント)を選択します。
STEP 3-1チャネルIDのコピー
▼表示された詳細ページのうち「チャネルID」と表示された数字をコピーします。
▼LSEGの管理画面 チャネルID にペーストします。
STEP 3-2チャネル シークレットのコピー
▼一番下までスクロールすると表示される「チャネルシークレット」をコピーします
▼LSEG管理画面の「チャネルシークレット」にペーストします
STEP 4アクセストークンのコピー
▼再度画面を一番上にスクロールし、「Messaging API設定」 のタブをクリックします。
▼一番下までスクロールし「チャネルアクセストークン」の「発行」をクリックします。
▼発行されたチャネルアクセストークンをコピーします。
▼LSEG管理画面の「チャネルアクセストークン」にペーストします。
STEP 5LINE Developersの左のメニューからもう一度、プロバイダーの「lseg-support」を選択し、LINEログインの記載があるチャネルを選択します。
▼チャネル基本設定の一番上に表示されている「チャネルID」をコピーします。
▼LSEGの管理画面「LINEログインチャネル」の「チャネル ID」にペーストします。
STEP 6チャネルシークレットのコピー
▼チャネル基本設定の中段にあるチャネルシークレットをコピーします。
▼LSEGの管理画面「LINEログインチャネル」の「チャネルシークレット」にペーストします。
これでLSEG管理画面の5つの項目がうまりました。
▼LSEG管理画面の「保存」を押します
登録が成功すると画面上部に「✔成功」のダイアログが表示されます。
STEP 7Messaging APIにWebhook URLを入力しよう
▼新しくWebhookの項目が表示されますので「コピー」を押します。
▼もう一度、LINE Developersの左のメニューから「Messaging API」の記載のあるアカウントを選択します。
▼Messaging APIのタブをクリックします
▼中段にある「Webhook URL」の「編集」を押します。
▼編集を押すと、URLを入力するフィールドが表示されますので、先ほどLSEG管理画面でコピーしたWebhookのURLをペーストします。
▼入力後「保存」を押します。
▼保存が成功したら「検証」を押して正しく接続できているかテストを行います。
▼「成功」が出てくると、無事にMessaging LINEとLSEGの接続完了です。
▼Webhook URLの直下にある『Webhookの利用』がOFFになっている場合、かならずONに変更してください
STEP 8LINEログインチャネルにコールバックURLを設定しよう
▼LSEG管理画面の最下部の「コールバックURL」をコピーします。
▼LINE Developersの左のメニューからもう一度、プロバイダーの「lseg-support」を選択し、LINEログインの記載があるチャネルを選択します。
▼「LINEログイン設定」のタブを選び、コールバックURLの「編集」を選びます。
▼先ほどコピーしたコールバックURLをペーストして「更新」を押します。
これで、接続は完了です。お疲れ様でした。