Adaptive Karten für Bot-Entwickler

Adaptive Karten eignen sich hervorragend für Bots. Sie ermöglichen es Ihnen, eine Karte einmal zu erstellen und sie in mehreren Apps schön zu rendern, z. B. Microsoft Teams, Ihre eigene Website und vieles mehr.

Bot Framework-Integration

Mit dem Bot Framework können Sie einen einzelnen Bot schreiben, der mit Benutzern über mehrere "Kanäle" wie Skype, Microsoft Teams, Facebook Messenger usw. chatten kann.

Walkthrough

Es ist ziemlich einfach, Ihrem Bot eine Adaptive Card hinzuzufügen.

Schritt 0: Beginnen mit einer einfachen Nachricht

Hier ist eine standardmäßige Bot-Framework-Nutzlastmessage, die an einen beliebigen Kanal übermittelt werden und dem Benutzer Text anzeigen kann.

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

Schritt 1: Hinzufügen einer adaptiven Karte attachment

Um etwas Mehr als nur Text hinzuzufügen, hat das Bot Framework ein Konzept von attachments.

Fügen wir nun eine adaptive Karte an, die benutzerdefinierten Text anzeigt.

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

Schritt 2: Erstellen sie noch umfangreichere Karten

Adaptive Karten bieten viel mehr als nur anpassbaren Text.

Sie haben folgende Möglichkeiten:

• Fügen Sie Images zu Ihrer Karte hinzu
• Organisieren Sie Ihre Inhalte mit Containers und Columns
• Hinzufügen mehrerer Typen von Actions
• Sammeln von Input bei Ihren Benutzern
• Eine Karte vorbereiten show another card
• Sehen Sie sich den vollständigen Schema-Explorer an!

Plattform-SDKs

Wenn Ihr Bot mit .NET oder NodeJS entwickelt wird, verfügen wir über Bibliotheken, um das Erstellen adaptiver Karten noch einfacher zu machen.

Kanalstatus

Mit dem Bot Framework können Sie Ihren Bot in mehreren Kanälen veröffentlichen. Wir arbeiten mit verschiedenen Kanälen zusammen, um vollständige Unterstützung für adaptive Karten bereitzustellen. Auf der Seite "Partnerstatus " finden Sie die neuesten Informationen.

Tauchen Sie ein!

Wir haben in diesem Lernprogramm gerade erst an der Oberfläche gekratzt. Sehen Sie sich also die nachstehenden Links an, um weitere Möglichkeiten zu erkunden, wie Adaptive Cards Ihren Bot verbessern können.

• Beispielkarten für Inspiration durchsuchen
• Verwenden des Schema-Explorers zum Erlernen der verfügbaren Elemente
• Erstellen einer Karte mit dem Designer für adaptive Karten
• Erhalten Sie Kontakt zu allen Feedbacks, die Sie haben