Partager via


Microsoft Adaptive Card Previewer

Remarque

L’aperçu de carte adaptative est disponible en préversion publique pour les développeurs.

Microsoft Adaptive Card Previewer vous permet d’afficher un aperçu des cartes adaptatives lorsque vous affinez les conceptions. Il fonctionne avec teams Toolkit, vous permet d’afficher un aperçu des cartes adaptatives créées pour l’extension de bot et de message Teams. Vous pouvez ouvrir un aperçu côte à côte pour observer les modifications en direct et basculer entre différents thèmes.

Capture d’écran montrant l’extension d’aperçu de carte adaptative Visual Studio Code.

Explorer l’aperçu de carte adaptative

Adaptive Card Previewer fournit des solutions plus rapides et plus fiables pour afficher un aperçu des conceptions de carte adaptative. Adaptive Card Previewer prend en charge les fonctionnalités suivantes :

  • Intégration du kit de ressources Teams : active l’installation juste-à-temps (JIT) de l’aperçu de carte adaptative lorsque vous mettez à jour les cartes adaptatives générées à partir d’un projet teams Toolkit.

    Capture d’écran montrant un exemple d’aperçu d’une carte adaptative lors de la mise à jour d’une carte adaptative.

  • Aperçu instantané : vous permet d’afficher un aperçu des cartes adaptatives dans l’éditeur Visual Studio Code via CodeLens ou la palette de commandes.

    Vous pouvez sélectionner Aperçu de la suggestion de carte adaptative dans le fichier de modèle de carte adaptative pour afficher un aperçu de la carte adaptative dans le volet droit.

    Le graphique montre comment l’aperçu s’affiche dans l’extension d’aperçu de carte adaptative dans Visual Studio Code.


  • Séparation des données : vous permet de séparer les données de la disposition dans un langage de modèle de carte adaptative. Utilisez la commande Adaptive Card: New Data File pour ajouter un fichier de données pour un modèle, ce qui génère un fichier vide dans lequel vous pouvez lier des données au modèle de carte adaptative.

  • Configuration du thème par défaut : vous permet de définir un thème par défaut via les paramètres de l’extension Visual Studio Code Adaptive Card Previewer : Default Theme.

    Capture d’écran montrant comment configurer le thème par défaut via les paramètres de l’extension Visual Studio Code.

  • Changer de thème : vous permet de basculer entre les thèmes clairs, sombres et à contraste élevé pour afficher un aperçu de vos cartes adaptatives.

    Le graphique montre l’aperçu de la carte adaptative dans les thèmes clair, sombre et à contraste élevé.

Avantages

L’aperçu de carte adaptative offre les avantages suivants :

  • Mises à jour rapides : vous permet d’afficher un aperçu des conceptions de cartes adaptatives dans leur environnement de développement intégré, ce qui élimine la nécessité de basculer constamment entre les outils. Vous pouvez créer un bot ou une extension de messagerie avec Teams Toolkit, ouvrir le fichier de métadonnées de carte adaptative et utiliser CodeLens ou une commande spécifique pour afficher un aperçu de la carte. Toutes les mises à jour ou modifications apportées à la carte sont reflétées instantanément via la fonctionnalité Rechargement à chaud dans la préversion.

  • Aperçus fiables : utilise la même pile de rendu que Teams et Outlook pour garantir que les résultats d’aperçu précis et cohérents sont alignés sur le rendu réel de la carte.

Limitations

L’aperçu de carte adaptative ne prend pas en charge les fonctionnalités de carte adaptative suivantes :

Foires aux questions

Pourquoi devons-nous utiliser une nouvelle extension dans Visual Studio Code ? Cette extension ne peut-elle pas être intégrée à Teams Toolkit pour Visual Studio Code ?

Adaptive Card Previewer est une extension autonome, car il utilise un package source fermé pour afficher les cartes adaptatives afin de garantir une logique de rendu cohérente avec la plateforme Teams. Teams Toolkit est un projet open source qui n’inclut pas de dépendances sur des packages auxquels les développeurs tiers ne peuvent pas accéder.
 

Cette extension prend-elle en charge toutes les fonctionnalités de carte adaptative dans la plateforme Teams ?

Non. L’extension Adaptive Card Previewer ne prend pas en charge plusieurs limitations .
 

Voir aussi

Conception de Cartes adaptatives