Tarjetas adaptables para desarrolladores de bots

Las tarjetas adaptables son una excelente opción para bots. Le permiten crear una tarjeta una vez y hacer que se represente hermosamente dentro de varias aplicaciones, como Microsoft Teams, su propio sitio web, etc.

Integración de Bot Framework

Con Bot Framework puede escribir un único bot que pueda chatear con usuarios en varios "canales", como Skype, Microsoft Teams, Facebook Messenger, etc.

Walkthrough

Es bastante sencillo agregar una tarjeta adaptable al bot.

Paso 0: Empezar con un mensaje básico

Aquí está una carga estándar de Bot Framework message que se puede enviar a cualquier canal y mostrar texto al usuario.

{
   "type": "message",
   "text": "Plain text is ok, but sometimes I long for more..."
}

Paso 1: Agregar una tarjeta adaptable attachment

Para agregar cierta riqueza más allá del texto, Bot Framework tiene un concepto de attachments.

Adjuntemos una tarjeta adaptable que muestre texto personalizado.

{
  "type": "message",
  "text": "Plain text is ok, but sometimes I long for more...",
  "attachments": [
    {
      "contentType": "application/vnd.microsoft.card.adaptive",
      "content": {
        "type": "AdaptiveCard",
        "version": "1.0",
        "body": [
          {
            "type": "TextBlock",
            "text": "Hello World!",
            "size": "large"
          },
          {
            "type": "TextBlock",
            "text": "*Sincerely yours,*"
          },
          {
            "type": "TextBlock",
            "text": "Adaptive Cards",
            "separation": "none"
          }
        ],
        "actions": [
          {
            "type": "Action.OpenUrl",
            "url": "http://adaptivecards.io",
            "title": "Learn More"
          }
        ]
      }
    }
  ]
}

Paso 2: Crear tarjetas aún más enriquecidas

Las tarjetas adaptables ofrecen mucho más que texto personalizable.

Ustedes pueden:

• Agregar Images a la tarjeta
• Organización del contenido con Containers y Columns
• Agregar varios tipos de Actions
• Recolectar Input de tus usuarios
• Tener una tarjeta show another card
• Consulte el explorador de esquemas completo.

SDK de plataforma

Si el bot se desarrolla con .NET o NodeJS, tenemos bibliotecas para facilitar la creación de tarjetas adaptables.

Estado del canal

Bot Framework le permite publicar el bot en varios canales. Estamos trabajando con varios canales para proporcionar compatibilidad completa con tarjetas adaptables. Consulte la página Estado del asociado para obtener la versión más reciente.

¡Profundice!

Acabamos de rascar la superficie en este tutorial, por lo que eche un vistazo a los vínculos siguientes para explorar más formas en que las tarjetas adaptables pueden mejorar el bot.

• Examinar tarjetas de ejemplo para obtener inspiración
• Usar el Explorador de esquemas para obtener información sobre los elementos disponibles
• Crear una tarjeta mediante el Diseñador de tarjetas adaptables
• Póngase en contacto para darnos su opinión