Cartões Adaptáveis para Desenvolvedores de Bot

Os Cartões Adaptáveis são uma ótima opção para Bots. Eles permitem criar um cartão uma vez e tê-lo renderizado lindamente dentro de vários aplicativos, como o Microsoft Teams, seu próprio site e muito mais.

Integração do Bot Framework

Com o Bot Framework , você pode escrever um único bot capaz de conversar com usuários em vários "canais", como Skype, Microsoft Teams, Facebook Messenger etc.

Walkthrough

É bastante simples adicionar um Adaptive Card ao seu bot.

Etapa 0: começar com uma mensagem básica

Aqui está uma carga padrão do Bot Framework message que pode ser enviada a qualquer canal e mostrar texto para o usuário.

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

Etapa 1: Adicionar um cartão adaptável attachment

Para adicionar alguma riqueza além de apenas texto, o Bot Framework tem um conceito de attachments.

Vamos anexar um Cartão Adaptável que exibe o 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"
          }
        ]
      }
    }
  ]
}

Etapa 2: Construir cartões ainda mais enriquecidos

Cartões Adaptáveis oferecem muito mais do que apenas texto personalizável.

É possível:

• Adicionar Images ao seu cartão
• Organizar seu conteúdo com Containers e Columns
• Adicionar vários tipos de Actions
• Colete Input de seus usuários
• Tenha um cartão show another card
• Confira o gerenciador de esquemas completo!

SDKs de plataforma

Se o bot for desenvolvido usando .NET ou NodeJS, teremos bibliotecas para facilitar ainda mais a criação de Cartões Adaptáveis.

Status do canal

O Bot Framework permite que você publique seu bot em vários canais. Estamos trabalhando com vários canais para fornecer suporte completo para Cartões Adaptáveis. Consulte a página Status do Parceiro para obter as últimas informações.

Mergulhe!

Acabamos apenas de introduzir o assunto neste tutorial, portanto, dê uma olhada nos links abaixo para explorar mais maneiras com as quais os Cartões Adaptáveis podem aprimorar seu bot.

• Navegue por cartões de exemplo para inspiração
• Usar o Gerenciador de Esquemas para aprender os elementos disponíveis
• Criar um cartão usando o Designer de Cartão Adaptável
• Entre em contato com qualquer feedback que você tenha