Delen via

Adaptieve kaarten voor botontwikkelaars

Adaptieve kaarten zijn geschikt voor bots. Met deze apps kunt u één keer een kaart maken en deze mooi weergeven in meerdere apps, zoals Microsoft Teams, uw eigen website en meer.

Opmerking

Skype wordt niet ondersteund in de huidige preview. Zie de pagina Partnerstatus voor de meest recente versie.

Bot Framework-integratie

Met Bot Framework kunt u één bot schrijven die kan chatten met gebruikers via meerdere 'kanalen', zoals Skype, Microsoft Teams, Facebook Messenger, enzovoort.

Stapsgewijze handleiding

Het is vrij eenvoudig om een adaptieve kaart aan uw bot toe te voegen.

Stap 0: Beginnen met een basisbericht

Hier is een standaard Bot Framework-payload message die naar elk kanaal kan worden verzonden en tekst aan de gebruiker kan tonen.

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

Stap 1: Een adaptieve kaart toevoegen attachment

Als u meer dan alleen tekst wilt toevoegen, heeft het Bot Framework een concept van attachments.

We voegen een adaptieve kaart toe die aangepaste tekst weergeeft.

Eenvoudige adaptieve kaart 

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

Stap 2: Nog rijkere kaarten bouwen

Adaptieve kaarten bieden veel meer dan alleen aanpasbare tekst.

U kunt:

  • Toevoegen Images aan uw kaart
  • Organiseer uw inhoud met Containers en Columns
  • Voeg meerdere typen toe Actions
  • Verzamel Input van uw gebruikers
  • Eén kaart hebben show another card
  • Bekijk de volledige schemaverkenner.

Platform-SDKs

Als uw bot is ontwikkeld met .NET of NodeJS, hebben we bibliotheken om adaptieve kaarten nog eenvoudiger te maken.

Platform Install Meer informatie
.NET Install-Package AdaptiveCards -IncludePrerelease Bot Framework .NET Docs
NodeJS npm install adaptivecards Bot Framework NodeJS Docs

Kanaalstatus

Met Bot Framework kunt u uw bot publiceren naar meerdere kanalen. We werken met verschillende kanalen om volledige ondersteuning te bieden voor adaptieve kaarten. Zie de pagina Partnerstatus voor de meest recente versie.

Duik in!

We hebben slechts het begin aangestipt in deze tutorial, dus bekijk de onderstaande links om meer manieren te ontdekken waarop Adaptive Cards uw bot kunnen verbeteren.

  • Last updated on