Concevoir les composants d'une carte ou d'une boîte de dialogue

Cette page explique comment concevoir et créer les principaux composants d'interface utilisateur d'une carte. messages dans Google Chat.

Les fiches acceptent une mise en page définie, des éléments interactifs de l'interface utilisateur, tels que des boutons, du rich media, comme des images. Vous pouvez utiliser des fiches pour présenter des informations, recueillir des commentaires, ou indiquer aux utilisateurs les prochaines étapes à suivre messages intégrés aux fiches et boîtes de dialogue.


Utilisez le générateur de cartes pour concevoir et prévisualiser des messages de cartes JSON pour les applications Chat:

Ouvrir Card Builder

Les cartes et les boîtes de dialogue se composent généralement des éléments suivants:

  • Un CardHeader qui contient le titre de votre fiche.
  • Un ou plusieurs widgets CardSection qui forment le corps principal de la fiche.
  • Widget CardFixedFooter spécifique aux boîtes de dialogue uniquement.

Prérequis

  • Un compte Google Workspace ayant accès à Google Chat :
  • Une application Chat publiée Pour créer un Application Chat, suivez ceci guide de démarrage rapide.
  • Ajouter un en-tête

    Widget CardHeader qui représente l'en-tête d'une carte. Les en-têtes peuvent inclure un un titre, un sous-titre et une image d'avatar pour votre fiche.

    Vous pouvez inclure CardHeader pour des messages intégrés aux fiches et boîtes de dialogue.

    Voici un exemple de CardHeader:

    Définir une section d'une fiche

    Le widget CardSection est un conteneur de haut niveau dans une carte. Vous utilisez une carte pour regrouper les widgets dans une fiche. Pour chaque section de fiche, vous pouvez inclure un en-tête et un ou plusieurs widgets.

    Vous pouvez inclure CardSection pour des messages intégrés aux fiches et boîtes de dialogue.

    Voici un exemple de CardSection contenant deux textParagraph widgets:

    CardFixedFooter le widget représente le pied de page d'un message de boîte de dialogue envoyé par une application Chat. Les pieds de page peuvent inclure un bouton principal et un bouton secondaire.

    Le widget CardFixedFooter n'est disponible que pour boîtes de dialogue.

    Voici un exemple de widget CardFixedFooter avec deux boutons:

    Résoudre les problèmes

    Lorsqu'une application ou card renvoie une erreur, la L'interface Chat affiche le message "Une erreur s'est produite". ou "Impossible de traiter votre demande." Parfois, l'interface utilisateur de Chat n'affiche aucun message d'erreur, mais que l'application ou la carte produit un résultat inattendu. Par exemple, un message de fiche peut ne pas s'affichent.

    Même s'il est possible qu'aucun message d'erreur ne s'affiche dans l'interface utilisateur de Chat, Des messages d'erreur descriptifs et des données de journaux sont disponibles pour vous aider à corriger les erreurs. Lorsque la journalisation des erreurs est activée pour les applications Chat. Pour obtenir de l'aide, le débogage et la correction des erreurs, consultez Résoudre les problèmes liés à Google Chat