Get started (Dialogflow)
Stay organized with collections
Save and categorize content based on your preferences.
Developing an Action that uses Interactive Canvas follows the same general steps
for building a conversational Action. Once you create your Actions project,
Dialogflow agent, fulfillment, and web app, you define the communication between
your Action and Interactive Canvas.
Follow these development steps to build your Interactive Canvas Action:
Setup: Set up the various
tools and platforms for developing an Action that uses Interactive Canvas.
- Create an Actions project: Create the project that contains the metadata
required to configure, manage, and publish your Action.
- Create the Dialogflow agent: Use Dialogflow to build the
conversational interface for your Action.
Build your conversational Action: Define the
webhook logic for the intents in your Action that include an
HtmlResponse
. The Interactive Canvas documentation shows you how to build
your Action with the
Node.js client library,
but you can also build with the Java client library.
Build your web app: Use existing
web technologies to create your web app and
write the client-side custom logic that utilizes the
Interactive Canvas API.
Deploy to your web server of choice.
Deploy your fulfillment: Use
the Firebase CLI to deploy your fulfillment code.
Test your Action: Learn how to use
the simulator to test your Action.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-09-18 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-09-18 UTC."],[[["Interactive Canvas Actions blend conversational interfaces with rich visual experiences using web technologies."],["Development involves setting up an Actions project, creating a Dialogflow agent, building a conversational Action with webhook logic, developing a web app using the Interactive Canvas API, and deploying the fulfillment."],["You can build your Action using either the Node.js or Java client library, providing flexibility in your development process."],["Thorough testing is essential, and the simulator provides a robust environment for validating your Interactive Canvas Action."]]],[]]