Skip to content

Latest commit

 

History

History
76 lines (44 loc) · 3.63 KB

README.md

File metadata and controls

76 lines (44 loc) · 3.63 KB

MS Tech camp #3 ~Azure Bot Service で LINE Bot を作成する~

ハンズオン担当: 石井峻 (Twitter: @ShunIshii2)

もくじ

  1. Azure Bot Service の作成
  2. LINE Messaging API の設定
  3. Azure Bot Service と Messaging API を繋げる

1. Azure Bot Service の作成

  1. Azure で [Bot Service] を開く。

  1. [追加] から [Web App Bot] を作成

  1. 以下の項目を入力して [作成]
  • ボット ハンドル:任意 (mstechcamp3)
  • サブスクリプション:任意 (Azure for Students)
  • リソースグループ:新規で任意 (mstechcamp3)
  • 場所:Japan East
  • 価格レベル:F0
  • アプリ名:任意 (mstechcamp3)
  • ボット テンプレート:Echo Bot (C#)
  • App Service プラン/更新:(新規) mstechcamp3/Japan East
  • Application Insights:オフ
  • Microsoft アプリ ID とパスワード:アプリ ID とパスワードの自動生成
  1. 作成された [App Service プラン] へ移動し、[スケールアップ] を選択

  1. [開発 / テスト] の中の [F1] を選択し、[適用]

2. LINE Developers コンソールでチャネルを作成する

LINE Developers の オフィシャルガイド に従って作成

3. Azure Bot Service と Messaging API を繋げる

  1. LINE Developers で作成したチャネルの [チャネル基本設定] から、[チャネルシークレット] を取得

  2. LINE Developers で作成したチャネルの [Messaging API 設定] から、[チャネルアクセストークン(長期)] を発行

  3. Azure で作成したリソースに移動し [チャネル] に接続

  1. [その他のチャンネル] から [LINE] を選択

  1. LINE Developers で取得した [チャネルシークレット] と [チャネルアクセストークン(長期)] を、それぞれ Azure の [チャンネルシークレット] と [チャンネル アクセス トークン] に入力し、[webhook の URL] をコピーして [保存] する

  1. LINE Developers で作成したチャネルの [Messaging API 設定] 内、[Webhook URL] を [編集] し、先ほど Azure でコピーした [webhook の URL] を入力(先頭に https:// を追記)して [更新] し、[Webhook の利用] をオンにする

  1. [LINE 公式アカウント機能] の [応答メッセージ] を [編集] し、[応答メッセージ] を [オフ] にする

完成です!

LINE Developers で作成したチャネルの [Messaging API 設定] に、友達追加用の QR コードがあります。