Für die Entwicklung einer Aktion mit interaktivem Canvas gelten dieselben allgemeinen Schritte wie für eine dialogorientierte Aktion. Nachdem Sie das Actions-Projekt, den Dialogflow-Agent, die Auftragsausführung und die Webanwendung erstellt haben, definieren Sie die Kommunikation zwischen der Aktion und dem interaktiven Canvas.
So erstellen Sie eine interaktive Canvas-Aktion:
Einrichtung: Richten Sie die verschiedenen Tools und Plattformen zum Entwickeln einer Aktion ein, die Interactive Canvas verwendet.
- Actions-Projekt erstellen: Erstellen Sie das Projekt, das die Metadaten enthält, die zum Konfigurieren, Verwalten und Veröffentlichen Ihrer Aktion erforderlich sind.
- Dialogflow-Agent erstellen: Verwenden Sie Dialogflow, um die dialogorientierte Schnittstelle für Ihre Aktion zu erstellen.
Unterhaltungsaktion erstellen: Definieren Sie die Webhook-Logik für die Intents in Ihrer Aktion, die eine
HtmlResponseenthalten. Die interaktive Canvas-Dokumentation zeigt Ihnen, wie Sie Ihre Aktion mit der Node.js-Clientbibliothek erstellen, aber auch mit der Java-Clientbibliothek.Webanwendung erstellen: Verwenden Sie vorhandene Webtechnologien, um Ihre Webanwendung zu erstellen, und schreiben Sie die clientseitige benutzerdefinierte Logik, die die Interactive Canvas API verwendet. Stellen Sie die Anwendung auf dem Webserver Ihrer Wahl bereit.
Auftragsausführung bereitstellen: Verwenden Sie die Firebase CLI, um den Auftragsausführungscode bereitzustellen.
Aktion testen: Hier erfahren Sie, wie Sie Ihre Aktion mit dem Simulator testen.