次世代コミュニケーションツール「チャットボット」の活用 〜Azure Bot ServiceでAzureのことに何でも答えてくれるLINEボットを作る 〜【LINEボット作る編】

こんにちは、サイオステクノロジー技術部 武井です。全5回シリーズのAzure Bot Service及びBot FrameworkのDeepDive(全然深くないですが)最終回は、Azureのことに何でも答えてくれるLINEボットを作ります。

  1. 概要編
  2. Azure Bot Service編
  3. QnA Maker編
  4. LUIS編
  5. 今回はこちら → Azureのことに何でも答えてくれるLINEボット作る編

本シリーズの成果物は以下のGitHubにあがっております。

https://github.com/noriyukitakei/AzureFAQBot

実現方法

実現方法は主に「Azure Bot Serviceのチャネル機能」「QnA Maker」の2つです。

Azure Bot Serviceのチャネル機能

Azure Bot Serviceについては第2回目のAzure Bot Service編をご覧頂ければわかると思います。Azure Bot Serviceにはチャネルという概念があり、LINE、Facebook、Teamsなどのチャネルが提供されています。Azure Bot Serviceの設定で、作成したボットをこれらのチャネルにつなげることにより、LINEやFacebook、Teams向けのボットを簡単に作ることが出来ます。

QnA Maker

こちらの詳細はQnA Maker編をご覧頂ければと思います。QnA Makerには、特定のURLのWebサイトを解析して、そのサイトにあるFAQを取り込むという機能があり、今回はこれを使います。ちなみに今回利用したURLはAzureのサポートFAQのものです。

https://azure.microsoft.com/ja-jp/support/faq/

QnA Makerの設定

では、まずQnA Makerの設定をしましょう。先程ご説明したとおり、Azureのサポートに関するFAQが掲載されているWebサイトのデータを取り込みます。

前提として、QnA Maker編でご説明した環境は構築済みであるものとして、その環境にこれからご説明する設定を追加していくものとします。

QnA Makerのポータルにアクセスして、QnA Maker編で作成したKnowledgeを表示して、画面上部メニューにある「SETTINGS」をクリックします。

Screen Shot 2019-10-17 at 22.53.50

 

「Manage Knowledge base」の「URL」の部分に、AzureのサポートのURLを入力して、右上の「Save and train」(切れていますが、、、)をクリックします。

Screen Shot 2019-10-17 at 22.54.18

 

画面上部メニューにある「EDIT」をクリックすると、AzureサポートのURLのデータが取り込まれているのがわかりますヮ(゚д゚)ォ!。

Screen Shot 2019-10-17 at 22.57.30

 

上部メニューの「PUBLISH」をクリックして、画面下部にある「Publish」っていう青いボタンをクリックします。これでQnA Maker側の準備は完了です。

Screen Shot 2019-10-17 at 22.56.25

 

Azure Bot ServiceとLINEの設定

Azure Bot ServiceとLINEの設定を行います。まず、LINE公式アカウントを開設します。これはみなさんがお持ちの個人的なアカウントとは異なり、ボットを公開したりプッシュ通知するためのアカウントです。以下のURLにアクセスします。

https://www.linebiz.com/jp/entry/

 

「未認証アカウントを開設する」をクリックします。

Screen Shot 2019-10-17 at 7.51.23

 

お手持ちのLINEのアカウントでログインします。「LINEアカウントでログイン」をクリックします。スマホアプリでLINE使っている人は、QRコードでログインっていうのが誠に便利でした。

Screen Shot 2019-10-17 at 7.52.21

 

「アカウント名」に「AzureFAQBot」、「メールアドレス」によく使うメールアドレス、「業種」にはご自分の業種に当てはまるものを選択して、「確認する」をクリックします。

Screen Shot 2019-10-18 at 8.26.19

 

確認画面が表示されますので、内容に問題がなければ「完了する」をクリックします。

Screen Shot 2019-10-18 at 8.28.21

 

以下の画面が表示されます。「LINE Official Account Managerへ」をクリックします。

Screen Shot 2019-10-17 at 7.57.35

 

問題がなければ「同意」をクリックします。

Screen Shot 2019-10-17 at 7.57.56

 

左部メニューの「Messaging API」をクリックします。「Messaging APIを利用する」のボタンをクリックします。

Screen Shot 2019-10-17 at 7.59.49

 

「プロバイダーを作成」を選択して、任意の名称(ここではcogbot)を入力して「同意する」をクリックします。

Screen Shot 2019-10-17 at 8.00.35

 

とりあえず何も入力しないで、「OK」をクリックします。

Screen Shot 2019-10-17 at 8.00.52

 

内容に問題がなければ「OK」をクリックします。

Screen Shot 2019-10-17 at 8.00.58

 

後で使うので「Channel ID」「Channel secret」をメモっておきます。メモったら、画面左下の「その他の設定はLINE Developerから行えます。」の「LINE Developer」をクリックします。

Screen Shot 2019-10-18 at 8.36.44

 

「Messaging API」をクリックします。

Screen Shot 2019-10-17 at 8.05.49

 

「今すぐはじめよう」をクリックします。

Screen Shot 2019-10-17 at 8.06.03

 

先程作成した「AzureFAQBot」をクリックします。

Screen Shot 2019-10-17 at 8.07.17

 

以下の画面が表示されます。

Screen Shot 2019-10-17 at 8.07.52

 

そのまま下へスクロールすると、「アクセストークン(ロングターム)」というのがあります。「再発行」のボタンをクリックします。

Screen Shot 2019-10-17 at 8.08.36

 

「失効までの時間」は「0」にして、「再発行」をクリックします。

Screen Shot 2019-10-17 at 8.09.28

 

アクセストークンが表示されます。後で使いますので、メモります。

Screen Shot 2019-10-18 at 8.46.33

 

QnA Maker編で作成したWebアプリボットのリソースを表示します。右部メニューに「チャネル」をクリックします。「LINE」のアイコンが表示されますので、それをクリックします。

Screen Shot 2019-10-17 at 8.18.44

 

先程メモした「Channel secret」「アクセストークン」を入力します。また、後で使いますので、「webhook」のURLをメモります。

Screen Shot 2019-10-18 at 8.52.08

 

LINE Developersの設定画面に戻ります。先程アクセストークンが表示されているところの下に「Webhook送信」というのがありますので、その横にある「編集」ボタンをクリックします。

Screen Shot 2019-10-18 at 8.55.25

 

「利用する」にチェックして「更新」をクリックします。

Screen Shot 2019-10-18 at 8.57.48

 

もうちょっと下にスクロールすると、「Webhook URL」というのがあります。ここに、先程AzureのポータルでメモしたwebhookのURLを貼り付けて「更新」をクリックします。

Screen Shot 2019-10-18 at 9.00.20

 

もうちょっと下にスクロールすると、「LINE@機能の利用」という項目があります。「自動応答メッセージ」の欄の「設定はこちら」をクリックします。

Screen Shot 2019-10-17 at 8.25.52

 

ブラウザがもう一つ起動します。「応答メッセージ」を「オフ」にします。ボットが応答しますので、不要です。

Screen Shot 2019-10-17 at 8.26.49

 

先程のMessaging APIを設定していたブラウザに戻って、もうちょっと下にスクロールすると「Bot情報」という項目があります。そこにQRコードが表示されていますので、LINEのアプリからスキャンして、友だちに追加します。LINEのホーム画面右上の友だち追加のアイコンをタップし、次に「QRコード」をタップして、以下のQRコードを読み取ってください。

Screen Shot 2019-10-18 at 9.07.15

使ってみる

では実際に使ってみましょう。友だちに追加したら、いろんな質問を入れてみて下さい。以下のように回答が出てきます。これ、バックエンドではAzue Bot ServiceとQnA Makerが頑張って回答作ってます。

IMG_1404

 

まとめ

すごいですよね。こんな簡単にLINEボット作れました。しかもQAもQnA Makerの機能で簡単につくれました。もうAzure Bot Serviceなしでは生きられません。No Azure Bot Service, No Life!!

 

ご覧いただきありがとうございます! この投稿はお役に立ちましたか?

役に立った 役に立たなかった

0人がこの投稿は役に立ったと言っています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です