Partager via

Cartes adaptatives pour les développeurs de bots

Les cartes adaptatives sont idéales pour les bots. Ils vous permettent de créer une carte une fois et de la faire s'afficher de manière superbe dans plusieurs applications, comme Microsoft Teams, votre site web, etc.

Note

Skype n’est pas pris en charge dans la préversion actuelle. Consultez la page État du partenaire pour connaître la dernière version.

Intégration de Bot Framework

Avec Bot Framework , vous pouvez écrire un bot unique capable de discuter avec des utilisateurs sur plusieurs « canaux », comme Skype, Microsoft Teams, Facebook Messenger, etc.

Walkthrough

Il est assez simple d’ajouter une carte adaptative à votre bot.

Étape 0 : Démarrer avec un message de base

Voici un payload Bot Framework message standard qui peut être remis à tout canal et afficher du texte pour l'utilisateur.

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

Étape 1 : Ajouter une carte adaptative attachment

Pour ajouter une certaine richesse au-delà du texte, Bot Framework a un concept de attachments.

Attachons une carte adaptative qui affiche du texte personnalisé.

Carte adaptative de 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"
          }
        ]
      }
    }
  ]
}

Étape 2 : Créer des cartes encore plus riches

Les cartes adaptatives offrent beaucoup plus que du texte personnalisable.

Vous pouvez:

  • Ajouter Images à votre carte
  • Organiser votre contenu avec Containers et Columns
  • Ajouter plusieurs types de Actions
  • Collecter Input auprès de vos utilisateurs
  • Avoir une carte show another card
  • Consultez l’Explorateur de schémas complet !

Kits SDK de plateforme

Si votre bot est développé à l’aide de .NET ou NodeJS, nous avons des bibliothèques pour faciliter la création de cartes adaptatives.

Platform Installez Learn more
.NET Install-Package AdaptiveCards -IncludePrerelease Bot Framework .NET Docs
NodeJS npm install adaptivecards Documentation du Bot Framework NodeJS

État du canal

Bot Framework vous permet de publier votre bot sur plusieurs canaux. Nous travaillons avec différents canaux pour fournir une prise en charge complète des cartes adaptatives. Consultez la page État du partenaire pour connaître la dernière version.

Plongez dans !

Nous venons de gratter la surface de ce tutoriel. Veuillez donc consulter les liens ci-dessous pour explorer plus de façons dont les cartes adaptatives peuvent améliorer votre bot.

  • Last updated on