今回は、Microsoft Bot Framework を使って、BOT作成から
Deploy、Skypeを使った Bot Test までを行います。
必要なもの
・Azure サブスクリプション
・Skype アカウント
・BotFramework-Emulator
環境
Visual Studio 2015
Bot Framework ポータルサイト
BOT作成
1.Visual Studio を開き、New Project を選択
2.Bot Application を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2Fe94d5966-392f-e28e-35df-b8b6f82e66f6.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b560ae845d67842e71ffc99e759377e4)
デフォルトでオウム返し+文字数を返す BOT が作成されいます。
例)Hi と入力された場合、下のように返ってきます。
"You sent Hi which was 2 characters"
3.ローカルホストを起動してテストします。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F93ad441b-34ba-2341-d0a3-7adbcd985339.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=38fa12065439b995d84d7b4c110e22f8)
以下の画面が表示されます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F9dfed667-0949-8263-8677-cb996fad4468.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=aeed4f01d817eaccddbb58c66c4b16bb)
4.BotFramework-Emulator を起動します。
5.起動後、先ほどのローカルホストのアドレス+"api/messages" を URL欄に入力し、CONNECT をクリックします。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F6523d5d7-8ef5-8bbd-501f-2cd6e77e5d01.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=14e320a5f716347bf5f627277aa15d50)
6.接続後、メッセージ欄に Hello と入力します。
"You sent Hello which was 5 characters" と返ってくれば正常に動作しています。
LOG欄で応答内容を見る事も可能です。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F5e08d9ca-e538-d358-dff7-47c76767b33d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f9d068a6644c18683b76070eadaf1394)
Deploy
1.Bot Framework ポータルサイトにアクセスします。
2.My Bots を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F91b791bd-01d5-1bf3-c4ad-3c0a1583a5ed.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b00d61347206b647043b3f63989858a4)
3.Create a bot を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F831b9b53-cda5-05d6-8fe4-189a3845fbdc.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6724f86717d3d4299df2135434969c5a)
4.Register を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F1caf3f91-8cf6-0f0c-c563-86513803e910.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=41d74c6745c6cc6d90b3be22a3513b6c)
5.Bot profile 入力
項目 | |
---|---|
Display name | 任意の名前 |
Bot handle | 他のユーザーと被らない名前 |
Long description | 説明 |
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F7e0160b3-548d-e444-e0ed-001e0835fe77.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=59cd2bc48606ae60e1e38b39c0a1da3a)
6.Configuration の Manage Microsoft App ID and password をクリック
※ここで発行される「ボットアプリID」「ボットアプリパスワード」をメモしておく。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F48951098-098c-ac4f-3d80-6612915d266e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1e90d5e4ce2c9c91063c6e0380c7a67a)
7.内容に同意後チェックし、Register をクリック
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F6aea0312-a8f6-3828-593d-2ef7d0b0ad10.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bee1d09b5d5d9ad983d7dab084ec2689)
8.Visual Studio へ戻り、プロジェクトから Web.config を開き、先ほど取得した内容を設定します。
項目 | |
---|---|
BotId | ポータルの Display name |
MicrosoftAppId | ボットアプリID |
MicrosoftAppPassword | ボットアプリパスワード |
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F44cc74df-78ac-01a3-00cd-3bb608d183e4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dc7a98786510ce79932b4dcaee5c51dd)
9.プロジェクトルートディレクトリ右クリックから「Publish(発行)」を選択し、Profile として Microsoft Azure App Service を選択します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2Fe2366680-0f88-d309-d6ed-827ed520b669.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b25e0909d8b8af3550ab19c935fba751)
10.New を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F9761be70-6090-4c4b-50a7-b2b67892b958.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7e2755680eaabef6cb1a353ecc4bad6c)
11.Subscription, Resource Group を選択し、Create をクリック
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2Fc46f005a-a6e7-5157-53ba-962ddb59735a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8b9411338c5e26c5a1ae4e80d1285c42)
12.プロジェクトルートディレクトリ右クリックから「Publish(発行)」を選択し、Connection を選択し、
Destination URL をコピーします。
※Azure Portal からも確認できます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F6ba2eb1c-caa5-8fcc-a402-cbabc4d6257f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5991d2d765cd040f8e5cc6a45b307d42)
13.再び、Bot Framework ポータルサイトへ戻り、Configuration の Messaging endpoint に先ほどの URL をペーストします。
※ここで URL の先頭を https に変え、末尾に /api/messages を付加します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F271fdaa3-0e5b-dd6f-1582-79914f276740.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=730574a7364a37465bf62ba3f3b65374)
14.Visual Studio へ戻り、Publish から Deploy を実行します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F77a7d880-c217-6d88-deed-d7dd429cb70f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=26cb7b714b3b2d88681bb1e798368622)
テスト
1.再び、Bot Framework ポータルサイトへ戻り、右上の「Test」をクリックし、
メッセージ入力欄に "Hello" と入力します。
"You sent Hello which was 5 characters" と返ってくれば成功です。
Skype でテスト
1.Bot Framework ポータルサイトの CHANNELS タブから Skype をクリックします。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F089142ba-9ad0-1b5b-f477-56b10f70e447.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7badc2da4c1f08fb224328b5e15d3257)
2.以下のページが表示されるので、Add To Contacts をクリック
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.amazonaws.com%2F0%2F134550%2F85b10455-9de4-8932-5e0d-966bcfd3ff69.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6a9b6c98bf92a910ab9c6e124e212e6b)
3.Skype の画面で 作成したBotに対して、メッセージ入力欄に "Hello, Bot Sample!" と入力します。
"You sent Hello, Bot Sample! which was 18 characters" と返ってくれば成功です。
以上、今回は BOTの作成、Deploy、テストまで試してみました。