Condividi tramite

Schede adattive per sviluppatori di bot

Le Adaptive Cards sono ideali per i bot. Consentono di creare una scheda una sola volta e di eseguirne il rendering in modo meraviglioso all'interno di più app, ad esempio Microsoft Teams, il proprio sito Web e altro ancora.

Annotazioni

Skype non è supportato nell'anteprima corrente. Vedere la pagina Stato partner per la versione più recente.

Integrazione di Bot Framework

Con Bot Framework è possibile scrivere un singolo bot in grado di chattare con gli utenti in più "canali", ad esempio Skype, Microsoft Teams, Facebook Messenger e così via.

Walkthrough

È piuttosto semplice aggiungere una scheda adattiva al bot.

Passaggio 0: Iniziare con un messaggio di base

Ecco un payload standard di Bot Framework message che può essere recapitato a qualsiasi canale e visualizza testo all'utente.

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

Passaggio 1: Aggiungere una scheda adattiva attachment

Per aggiungere una certa ricchezza al di là del semplice testo, Bot Framework ha un concetto di attachments.

Allegare una scheda adattiva che visualizza testo personalizzato.

Scheda adattativa di base 

{
  "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"
          }
        ]
      }
    }
  ]
}

Passaggio 2: Creare schede ancora più ricche

Le schede adattive offrono molto più del semplice testo personalizzabile.

È possibile:

  • Aggiungi Images alla tua scheda
  • Organizzare il contenuto con Containers e Columns
  • Aggiungere più tipi di Actions
  • Raccogli Input dai tuoi utenti
  • Avere una scheda show another card
  • Scopri l'Esplora schemi completo!

SDK della piattaforma

Se il bot viene sviluppato usando .NET o NodeJS, sono disponibili librerie per semplificare la creazione di schede adattive.

Platform Install Ulteriori informazioni
.NET Install-Package AdaptiveCards -IncludePrerelease Documentazione di Bot Framework .NET
NodeJS npm install adaptivecards Documentazione di Bot Framework NodeJS

Stato del canale

Bot Framework consente di pubblicare il bot in più canali. Stiamo lavorando con vari canali per fornire supporto completo per le schede adattive. Vedere la pagina Stato partner per la versione più recente.

Immergetevi!

In questa esercitazione abbiamo appena scalfito la superficie, quindi dai un'occhiata ai collegamenti qui sotto per esplorare altri modi in cui le schede adattive (Adaptive Cards) possono migliorare il tuo bot.

  • Last updated on