STEP 1ヨビコムのLINE連携画面を開きます

▼ヨビコムにログインし、左側の「＋」メニューを押します

---

必要な入力要素は以下の5要素となります

1. Messaging API
   1. チャネルID (Channel ID)
   2. チャネルシークレット (Channel secret)
   3. アクセストークン
2. LINE　ログインチャンネル
   1. チャネルID (Channel ID)
   2. チャネルシークレット (Channel secret)

それぞれ必要な値を、LINE公式アカウント管理画面から取得していきましょう。

STEP 2LINE Developersに移動します

https://developers.line.biz/ja/

▼コンソール　をクリックします

▼左のメニューから、前の手順で作成したプロバイダー「yobicom」クリックします。表示されたチャネルの一覧から、Messaging APIと表記のあるアカウント(LINE公式アカウント)を選択します。

---

STEP 3-1チャネルIDのコピー

▼表示された詳細ページのうち「チャネルID」と表示された数字をコピーします。

▼ヨビコムの管理画面 Channel ID にペーストします。

---

STEP 3-2チャネル シークレットのコピー

▼一番下までスクロールすると表示される「チャネルシークレット」をコピーします

▼ヨビコム管理画面の「チャネルシークレット」にペーストします

---

STEP 4アクセストークンのコピー

▼再度画面を一番上にスクロールし、Messaging API のタブをクリックします。

▼一番下までスクロールし「チャネルアクセストークン」の「発行」をクリックします

▼発行されたチャネルアクセストークンをコピーします

▼ヨビコム管理画面の「チャネルアクセストークン」にペーストします

STEP 5LINE Developersの左のメニューからもう一度、プロバイダーの「yobicom」を選択し、LINEログインの記載があるチャネルを選択します。

▼詳細ページの一番上に表示されている「チャネルID」をコピーします

▼ヨビコムの管理画面「LINEログインチャネル」の「チャネル ID」にペーストします。

---

STEP 6チャネルシークレットのコピー

▼LINE Deveropersの中段にあるチャネルシークレットをコピーします。

▼ヨビコムの管理画面「LINEログインチャネル」の「Channel secret」にペーストします。

---

これでヨビコム管理画面の5つの項目がうまりました。

▼ヨビコム管理画面の「保存」を押します

登録が成功すると画面上部に「✔成功」のダイアログが表示されます。

STEP 7Messaging APIにWebhook URLを入力しよう

▼新しくWebhookの項目が表示されますので「コピー」を押します。

▼もう一度、LINE Developersの左のメニューからMessaging APIの記載のあるアカウントを選択します。

▼Messaging APIのタブをクリックします

▼中段にある「Webhook URL」の「編集」を押します

▼編集を押すと、URLを入力するフィールドが表示されますので、先ほどヨビコム管理画面でコピーしたWebhookのURLをペーストします。

▼入力後「保存」を押します

▼保存が成功したら「検証」を押して正しく接続できているかテストを行います

▼「成功」が出てくると、無事にMessaging LINEとヨビコムの接続完了です。

STEP 8LINEログインチャネルにコールバックURLを設定しよう

▼ヨビコム管理画面の最下部の「コールバックURL」をコピーします

▼LINE Developersの左のメニューからもう一度、プロバイダーの「yobicom」を選択し、LINEログインの記載があるチャネルを選択します。

▼「LINEログイン設定」のタブを選び、コールバックURLの「編集」を選びます

▼先ほどコピーしたコールバックURLをペーストして「更新」を押します

これで、初期設定は完了です。お疲れ様でした。