เริ่มต้นใช้งาน (Dialogflow)
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
การพัฒนาการดําเนินการที่ใช้ Canvas แบบอินเทอร์แอกทีฟมีขั้นตอนทั่วไปเดียวกันนี้ในการสร้างการกระทําแบบบทสนทนา เมื่อสร้างโปรเจ็กต์การดําเนินการ, Agent, Dialogflow, Fulfillment และเว็บแอปแล้ว คุณจะกําหนดการสื่อสารระหว่าง Action และ Canvas แบบอินเทอร์แอกทีฟได้
ทําตามขั้นตอนการพัฒนาต่อไปนี้เพื่อสร้างการทํางานของ Canvas แบบอินเทอร์แอกทีฟ
การตั้งค่า: ตั้งค่าเครื่องมือและแพลตฟอร์มต่างๆ สําหรับพัฒนาการดําเนินการที่ใช้ Interactive Canvas
- สร้างโปรเจ็กต์การดําเนินการ: สร้างโปรเจ็กต์ที่มีข้อมูลเมตาที่จําเป็นเพื่อกําหนดค่า จัดการ และเผยแพร่การดําเนินการ
- สร้าง Agent ของ Dialogflow: ใช้ Dialogflow เพื่อสร้างอินเทอร์เฟซการสนทนาสําหรับการดําเนินการ
สร้างการดําเนินการด้านการสนทนา: กําหนดตรรกะของเว็บฮุคสําหรับ Intent ที่รวมการดําเนินการ HtmlResponse เอกสารประกอบของ Interactive Canvas จะแสดงวิธีสร้าง
การดําเนินการของคุณด้วยไลบรารีของไคลเอ็นต์ Node.js แต่คุณยังสร้างด้วย ไลบรารีของไคลเอ็นต์ Java ได้อีกด้วย
สร้างเว็บแอป: ใช้เทคโนโลยีเว็บที่มีอยู่เพื่อสร้างเว็บแอปและเขียนตรรกะที่กําหนดเองฝั่งไคลเอ็นต์ซึ่งใช้ Interactive Canvas API
ทําให้ใช้งานได้กับเว็บเซิร์ฟเวอร์ที่คุณเลือก
ทําให้การดําเนินการตามคําสั่งซื้อของคุณเสร็จสมบูรณ์: ใช้ Firebase CLI เพื่อทําให้โค้ดการดําเนินการใช้งานได้
ทดสอบการทํางานของคุณ: เรียนรู้วิธีใช้เครื่องจําลองเพื่อทดสอบการทํางานของคุณ
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-24 UTC
[null,null,["อัปเดตล่าสุด 2025-07-24 UTC"],[[["\u003cp\u003eInteractive Canvas Actions blend conversational interfaces with rich visual experiences using web technologies.\u003c/p\u003e\n"],["\u003cp\u003eDevelopment 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.\u003c/p\u003e\n"],["\u003cp\u003eYou can build your Action using either the Node.js or Java client library, providing flexibility in your development process.\u003c/p\u003e\n"],["\u003cp\u003eThorough testing is essential, and the simulator provides a robust environment for validating your Interactive Canvas Action.\u003c/p\u003e\n"]]],["Develop an Interactive Canvas Action by first setting up an Actions project and Dialogflow agent. Next, build the conversational Action, defining webhook logic for intents. Subsequently, create the web app using web technologies and the Interactive Canvas API, and deploy it. Deploy the fulfillment code using the Firebase CLI. Finally, test the Action using the simulator to ensure it works correctly. These steps outline the core process.\n"],null,["# Get started (Dialogflow)\n\nDeveloping an Action that uses Interactive Canvas follows the same general steps\nfor building a conversational Action. Once you create your Actions project,\nDialogflow agent, fulfillment, and web app, you define the communication between\nyour Action and Interactive Canvas.\n\nFollow these development steps to build your Interactive Canvas Action:\n\n1. [Setup](/assistant/df-asdk/interactivecanvas/build/setup): Set up the various\n tools and platforms for developing an Action that uses Interactive Canvas.\n\n - Create an Actions project: Create the project that contains the metadata required to configure, manage, and publish your Action.\n - Create the Dialogflow agent: Use Dialogflow to build the conversational interface for your Action.\n2. [Build your conversational Action](/assistant/df-asdk/interactivecanvas/build/action): Define the\n webhook logic for the intents in your Action that include an\n `HtmlResponse`. The Interactive Canvas documentation shows you how to build\n your Action with the\n [Node.js client library](https://actions-on-google.github.io/actions-on-google-nodejs/2.10.0/classes/_service_actionssdk_conversation_response_html_.htmlresponse.html),\n but you can also build with the [Java client library](https://github.com/actions-on-google/actions-on-google-java).\n\n3. [Build your web app](/assistant/df-asdk/interactivecanvas/build/web-app): Use existing\n web technologies to create your web app and\n write the client-side custom logic that utilizes the\n [Interactive Canvas API](/assistant/df-asdk/interactivecanvas/reference/interactivecanvas).\n Deploy to your web server of choice.\n\n4. [Deploy your fulfillment](/assistant/df-asdk/deploy-fulfillment): Use\n the Firebase CLI to deploy your fulfillment code.\n\n5. [Test your Action](/assistant/df-asdk/interactivecanvas/build/test): Learn how to use\n the simulator to test your Action."]]
