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 BuilderLes 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
Une application Google Chat avec des fonctionnalités interactives. Pour créer un interactive, suivez l'un des guides de démarrage rapide suivants sur l'architecture de l'application que vous souhaitez utiliser:
- Service HTTP avec Google Cloud Functions
- Google Apps Script
- Google Cloud Dialogflow CX
- Google Cloud Pub/Sub
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:
Bouton de commande personnalisable de la section réductible
Personnalisez le bouton de contrôle qui permet de réduire et de développer des sections au sein de votre Fiches de chat Choisissez parmi une gamme d'icônes ou d'images pour représenter visuellement le contenu de la section, ce qui permet aux utilisateurs de mieux comprendre les informations.
Ajouter un pied de page persistant
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