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

◆ Live配信スケジュール ◆
サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。
⇒ 詳細スケジュールはこちらから
⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください
【3/22開催】テックブログを書こう!アウトプットのススメ
1年で100本ブログを出した新米エンジニアがPV数が伸びなくてもTech Blogを書き続ける理由とは?
https://tech-lab.connpass.com/event/312805/

【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜
Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。
https://tech-lab.connpass.com/event/311864/

こんにちは、サイオステクノロジー技術部 武井です。全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!!

 

アバター画像
About 武井 宜行 267 Articles
Microsoft MVP for Azure🌟「最新の技術を楽しくわかりやすく」をモットーにブログtech-lab.sios.jp)で情報を発信🎤得意分野はAzureによるクラウドネイティブな開発(Javaなど)💻「世界一わかりみの深いクラウドネイティブ on Azure」の動画を配信中📹 https://t.co/OMaJYb3pRN
ご覧いただきありがとうございます! この投稿はお役に立ちましたか?

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

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


ご覧いただきありがとうございます。
ブログの最新情報はSNSでも発信しております。
ぜひTwitterのフォロー&Facebookページにいいねをお願い致します!



>> 雑誌等の執筆依頼を受付しております。
   ご希望の方はお気軽にお問い合わせください!

Be the first to comment

Leave a Reply

Your email address will not be published.


*


質問はこちら 閉じる