Power Virtual Agents と Power Platform の他のサービスとを簡単に連携する方法 Vol.2

# 前回のおさらい
[前回 Vol.1](https://qiita.com/yugoes1021/private/315c9caa9219cbc11a5a) は

1. **Power BI Service** でストリーミングデータセットを作る
1. **Power Automation** でソリューションの中に **Flow** を作り、その中でストリーミングデータセットにデータを追加するようにしておく
1. **Power Virtual Agents** でボットを作る
1. ボットの処理で **Action** からフローを指定する
1. ボットの作成が終わったら、カスタムとしてデプロイする（発行）
1. **html** をコピーしておく
1. **Power BI Service** でダッシュボードを作成し、**Web** コンテンツに **html** を貼り付ける
1. **Power Apps** に埋め込む

の 2 まで終わりました。今回は 3. Power Virtual Agents でボットを作る からです。
前回までが終わっていない方は、[Vol.1](https://qiita.com/yugoes1021/private/315c9caa9219cbc11a5a) からどうぞ！

# それでは Vol.2 スタート！
完成イメージはこんな感じです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/9742063a-cdbf-30cb-937b-5f9c66564097.png)

なおボットの作り方は [りなたむさん](@rnakamuramartiny) @rnakamuramartiny が記事を書いてくれているので、以下を見てください！
**PowerPlatform の新しいお仲間 Power Virtual Agents を触ってみた**
https://qiita.com/rnakamuramartiny/items/d1999bda574eb9e78bdf

動画で見たい！という方は [中村太一さん Twitter: @artbreak_taichi](https://twitter.com/artbreak_taichi) の以下の動画がオススメ。
Microsoft Power Platform の4人目「 Power Virtual Agents 」でサクっとBotを作って SharePoint に貼り付けてみた
https://youtu.be/EQFiGbdlfH4


## 3. Power Virtual Agents でボットを作る
[Power Virtual Agents (https://powerva.microsoft.com)](https://powerva.microsoft.com) を開きます

### 3-1. Bot を作ったその後は、まず Topic を作る
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/4c10b829-04d8-4953-08c2-4a67bb739dfb.png)
画面左上の [+ New Topic] から画面を開く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/3876af84-4ed0-2ef7-0f0d-d4a068f9b2ab.png)

| 項目名 | 値 | 備考 |
|:-----------|:------------|:------------|
|Name|絶対に負けないじゃんけん|この Topic の名前|
|Description|じゃんけんを始めるキーワード|説明|
|Trigger Phrases|じゃんけんしよーぜ！|このトピックを起動させるフレーズ|

ここまで設定したら右側の [Go to authoring canvas] をクリックします。
ちなみに「絶対に負けないじゃんけん」は絶対に Bot が負けないじゃんけんです

### 3-2. Topic に対して処理を作っていきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/5d7b5212-dfbb-4599-0b53-ebfa807b7745.png)
[Message] は不要なので右上の [Delete] で削除します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/bb4f161c-12ae-6c0d-b277-ee1397cb4120.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/1af9a5c3-85dc-a7ea-8f05-8bcf19831819.png)
＋を押して [Ask a question] をクリックします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/318d53af-b165-ee8e-9f0a-09d6e2311e0c.png)

| 項目名 | 値 | 備考 |
|:-----------|:------------|:------------|
|Ask a question|じゃーんけーん…||
|Identify|Multiple choice options|変更しない|
|Options for user|ぐー✊, ちょき✌, ぱー🖐||

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/60fb963a-1b76-0cbb-b357-b713b021646e.png)
[Show a message] をクリックする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/00a6a26b-1647-bfea-984d-51b3f673b08c.png)
Message に ぱー✋ と入力する（絶対に負けないじゃんけんなので）
これをあと二つ負けないように設定する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/75449521-1749-1b6d-724f-542b15b41c84.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/391d7674-eb36-ba1f-a93b-bdf7ce77514a.png)
真ん中のぐー✊の＋をクリックして [Show a message] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/8de38f46-27b7-2531-55bc-be2dc9e30078.png)
「僕の勝ちー！！」と入力。
左右の＋の上の〇をドラッグして（引っ張って）、[Message] の上に接続する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/c768532f-ee30-2005-d121-3053659f4ec9.png)

## 4. ボットの処理で Action からフローを指定する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/6007348f-19a4-88ed-cb22-4d0f3fdaa612.png)
[Call an action] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/a56d71e9-0022-2992-6398-7c9d872607d1.png)
**Vol.1** で作成した **Flow** が出てくるのでクリックする（私の場合は **[JankenQiita]**）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/baa0ac7d-ab80-aef2-7140-c5d8738c1cca.png)
**janken (text) gets value from** の後で **[Var1 (text)]** を選択する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/155b5d26-ab91-37fa-b563-2c49cbbe9909.png)
**[Show a message]** をクリックして
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/12f6df26-f9ca-a1dd-24ae-b049e4350497.png)
右上の {x} から **message** を選択する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/2e4ca016-3113-3ccf-ac49-71ee1f733a93.png)
＋をクリックして **[End the conversation] - [End with survey]** をクリックする
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/7551b6d1-c491-d884-5442-470c54bd697c.png)
画面右上の **[Topic checker]** をクリックして
**"There are no erros or warnings in this topic"**
が出ればエラーも警告もなしということで OK
もしそれ以外のメッセージが出たら、指摘された個所を修正してください。

OK であれば、右隣の **[Save]** をクリックして保存し、出来上がりです。

### テスト
Topic の処理が出来上がったので、テストをしてみましょう。
テストも簡単にできるようになっています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/ae69b4bf-289e-0dc6-7576-b0282fcf0e8f.png)
3-2. の最後で **[Save]** しましたが、Save しても左側の Test bot にすぐ反映されません。この左側の **[Test bot]** にいま作成した Topic を反映させるには、矢印の部分の **"Start over with latest content"** をクリックすると、反映されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/b59a6d1b-84f6-651a-1abe-c4270915c7bb.png)
「じゃんけんしよーぜ！」と入力して、右のボタンをクリックしてください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/7f59fab6-71a3-7363-d5d1-e5ba6ab324f4.png)
「じゃーんけーん…」と Bot が言ってくれるので、ぐー、ちょき、ぱーからひとつ選んでください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/61b0545e-05ba-be58-c3dd-008f1fe92088.png)
Topic がうまく動けば、こうなるはずです。

## 5. ボットの作成が終わったら、カスタムとしてデプロイする（発行）
さて、Topic が出来上がったら、とりあえず Publish しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/8c7fec96-c00b-4b16-a2f0-2eff0d8dc957.png)
画面左のメニュー **[Publish]** をクリックすると以下の様な画面に遷移するので **[Publish]** ボタンを押します
Publish すると **[demo website]** に Bot が発行されているので、リンクをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/f709be3e-1e43-2379-0cfe-db1adec9d555.png)
画面右側に自分の Bot が埋め込まれているので、ここで確認をしてください。
このページの左側の文言の設定は [Cannels] の [Demo website] でできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/3c323c34-0763-6f90-e647-36245a1feb7e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/152946/b45276a4-fdce-b9bd-9c00-17551ebc4d3b.png)
なお **[Share your website] の URL はさきほどの Demo website です。この URL をシェアすると、誰でも使ってもらうことができます。
その他、いろいろな Channel があるので、ぜひ試してみてくださいー

## というわけで今回はここまでにします
[次回](https://qiita.com/yugoes1021/items/19b34f338f3227501362)は **Power BI Service** の Dashboard へ Bot を埋め込む方法からです！
Vol.3 は [こちら](https://qiita.com/yugoes1021/items/19b34f338f3227501362) です！