es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tarjeta adaptativa Bot Framework composer

18 Jun, 2023 Programación

Estoy aprendiendo el marco de trabajo Bot composer.
Estoy intentando agregar una tarjeta adaptativa utilizando https://adaptivecards.io/designer. Copié el contenido de la tarjeta y lo pegué en las respuestas del bot. Se ve así:

<a href="common.lg">import</a>

<h1>title()</h1>

<p>-tarjeta adaptativa</p>

<h1>adaptivecardjson()</h1>

<ul>
<li><p>```
{
"type": "AdaptiveCard",
"body": [
    {
        "type": "TextBlock",
        "size": "Medium",
        "weight": "Bolder",
        "text": "${title}",
        "wrap": true,
        "style": "heading",</p>

<pre><code>}
</code></pre>

],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}```</p></li>
</ul>

<h1>AdaptiveCard()</h1>

<p>[Activity
    Attachments = ${json(adaptivecardjson())}
]

Envié una respuesta

- ${AdaptiveCard()}

Probé el bot en el chat web pero obtuve una salida como esta

“`
{

“type”: “AdaptiveCard”,

“version”: “1.0”,

“body”: [

{

"type": "TextBlock",

"text": "¿Quieres continuar desde donde lo dejaste?",

"weight": "negrita"

},
“`

¿Alguien me puede ayudar a implementar tarjetas adaptativas en el marco de trabajo Bot composer?.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que el problema que está enfrentando al implementar tarjetas adaptativas en Bot Framework Composer es el formato de la carga útil JSON. Aquí están los pasos para agregar correctamente una tarjeta adaptativa a su bot usando Bot Framework Composer:

    1. Diseñe su tarjeta adaptativa usando Adaptive Cards Designer en https://adaptivecards.io/designer.
    2. Copie la carga útil JSON de su tarjeta adaptativa.
    3. En la respuesta de su bot, agregue el siguiente código:
    # AdaptiveCard()
[Activity
    Attachments = ${json(adaptivecardjson())}
]
    1. Pegue la carga útil JSON de su tarjeta adaptativa en la función adaptivecardjson() de esta manera:
    # adaptivecardjson()
- ```
{
    COPIE AQUÍ SU CARGA ÚTIL JSON
}```
    1. Asegúrese de que la carga útil JSON esté correctamente formateada con comillas, comas y corchetes correctos.
    2. Pruebe su bot en Web Chat para ver si la tarjeta adaptativa se muestra correctamente.

    Si aún enfrenta problemas, puede consultar la documentación oficial sobre tarjetas adaptativas en Bot Framework Composer en https://docs.microsoft.com/en-us/composer/how-to-use-adaptive-cards.

Comments are closed.