如何在聊天机器人小部件上显示 Dialogflow 按钮

Question

我在 Dialogflow 中使用自定义有效负载创建了按钮。

{
  "metadata": {
    "templateId": "6",
    "payload": [
      {
        "title": "Yes",
        "message": "Yes"
      },
      {
        "title": "No",
        "message": "No"
      }
    ],
    "contentType": "300"
  },
  "message": "Can I help you with anything else?",
  "platform": "kommunicate"
}

Html 代码：

<!DOCTYPE html>
<html lang="en">
  <head>
      <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/style.css">
    <title>Healthcare Chatbot</title>
  </head>
  <body>
      <div class="container h-100">
        <div class="row align-items-center h-100">
            <div class="col-md-8 col-sm-12 mx-auto">
                <div class="h-100 justify-content-center">
                    <div class="chat-container" style="overflow: auto; max-height: 80vh">
                        <!-- chat messages -->
                        <div class="chat-message col-md-5 offset-md-7 bot-message">
                          Welcome to Healthcare chatbot. How can I help you?
                        </div>
                    </div>
                    <form id="target">
                       <input class="input" type="text" value="" placeholder="Enter message..." id="input_message"/>
                       <input type="submit" hidden>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <script src="{{ url_for('static', filename='custom.js')}}"></script>
  </body>
</html>

我已经使用 GCP 密钥文件来访问 Dialogflow。 我可以使用以下方法获得简单的文本响应：

text_msg = response.query_result.fulfillment_text

和有效载荷短信：

payload_msg = response.query_result.fulfillment_messages[1].payload["message"]

我试过了：

btn = response.query_result.fulfillment_messages[0].payload["metadata"]["payload"]["message"]

按钮是/否在聊天机器人小部件中不可见。 I get the response in console as below [<proto.marshal.collections.maps.MapComposite object at 0x00000277E00B0310>, <proto.marshal.collections.maps.MapComposite object at 0x00000277E00B0910>]

但无法获得按钮。