Power Automate：「アダプティブカードを投稿して応答を待機する」で応答情報が取得できない場合の対応策

Power Automateのフローにて、「アダプティブカードを投稿して応答を待機する」アクションを用いて、Teams上から回答結果を取得したいということがあると思います。

私はアダプティブカードを作成するために必要なJSON構文の知識が少ないため、アダプティブカードデザイナーを用いてJSON構文を作成しています。

しかし、アダプティブカードデザイナーで作成したJSON構文を入力しても、フローでエラーが発生する事象がありました。

今回は発生したエラー内容とその解決策をご紹介します。

本記事の対象者
実現したかったこと
エラー事象と対応策
終わりに

本記事の対象者

本記事は、JSONの知識が初心者レベルの方向けの記事となっています。

また、アダプティブカードデザイナーを利用したことがある方を想定しています。

※ アダプティブカードデザイナーについては過去の記事もご参照ください。

blog.jbs.co.jp

上記を前提に本記事をご覧ください。

実現したかったこと

Teamsでアダプティブカードを用いてユーザーにメッセージを送信し、回答結果を取得しようとしていました。

下記画像のイメージです。

アダプティブカードデザイナーを用いてJSON構文を作成すれば、簡単に実装できる内容と考えていました。

エラー事象と対応策

アダプティブカードデザイナーでJSON構文を作成

実際にアダプティブカードデザイナーを用いて、実現したい内容でアダプティブカードを作成し、JSON構文を作成しました。

作成したJSON構文は以下の通りです。

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.4",
    "body": [
        {
            "type": "TextBlock",
            "text": "どちらが食べたいですか",
            "wrap": true
        },
        {
            "type": "Input.ChoiceSet",
            "choices": [
                {
                    "title": "りんご",
                    "value": "りんご"
                },
                {
                    "title": "みかん",
                    "value": "みかん"
                }
            ],
            "placeholder": "選んでください"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "送信"
        }
    ]
}

作成したJSON構文をアクションに記載して実行

実際に、上記のJSON構文を記載して実行してみました。

※ 本記事では簡略化して「アダプティブカードを投稿して応答を待機する」アクションの後続にアクションを追加していませんが、実際には回答結果を活用したいアクションを入れてください。

上記の状態でテスト実行すると、以下のようにBadRequestのエラーが発生しました。

エラーの原因

エラーメッセージを確認すると、以下のような一文がありました。

Required property 'id' not found on 'Input.ChoiceSet'

どうやら、選択肢を形成する「Input.ChoiceSet」にidが不足しているようです。

対応策

そこで、アダプティブカードデザイナーで「Input.ChoiceSet」にidを追加します。

[ CARD STRUCTURE ]で[ Input.ChoiceSet ]を選択し、[ Id ]に今回は「choice」と入力します。

入力後のJSON構文は下記の通りです。先ほどのJSON構文と比較すると「Input.ChoiceSet」に「"id": "choice"」が追加されていることが分かります。

    {
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.4",
    "body": [
        {
            "type": "TextBlock",
            "text": "どちらが食べたいですか",
            "wrap": true
        },
        {
            "type": "Input.ChoiceSet",
            "choices": [
                {
                    "title": "りんご",
                    "value": "りんご"
                },
                {
                    "title": "みかん",
                    "value": "みかん"
                }
            ],
            "placeholder": "選んでください",
            "id": "choice"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "送信"
        }
    ]
}