[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-08-25。"],[[["\u003cp\u003eThe Integration editor is a drag-and-drop interface for designing, developing, modifying, and running integrations with minimal coding.\u003c/p\u003e\n"],["\u003cp\u003eApplication Integration offers built-in triggers and tasks that can be connected via edges to rapidly create integrations, and edges indicate the flow of control between elements.\u003c/p\u003e\n"],["\u003cp\u003eThe Integration editor is accessible from the Application Integration page in the Google Cloud console, either by selecting an existing integration or creating a new one.\u003c/p\u003e\n"],["\u003cp\u003eThe Integration editor's layout includes a toolbar, navigation bar, variables pane, designer canvas, and configuration pane, each serving distinct purposes in the integration design process.\u003c/p\u003e\n"],["\u003cp\u003eThe editor allows you to view connectors, execution logs and monitoring dashboard and also perform actions like cloning, downloading and uploading, and deleting integrations.\u003c/p\u003e\n"]]],[],null,["# Explore the Integration editor layout\n\nSee the [supported connectors](/integration-connectors/docs/connector-reference-overview) for Application Integration.\n\nExplore the Integration editor layout\n=====================================\n\nThe *Integration editor* is a drag-and-drop interface that lets you design and develop your entire integration flow\nwith little or no code. You can create, modify, and run all your integrations in the *Integration editor* . Overall, you can think of the *Integration editor* as a unified workspace for managing your integration.\n\n\nApplication Integration provides out-of-the-box\n[triggers](/application-integration/docs/trigger-overview) and\n[tasks](/application-integration/docs/task-overview) to further assist you in rapid\ndevelopment of your integration. Every task or trigger element is connected using an\n[edge](/application-integration/docs/edge-overview) along with its respective\n[fork and join](/application-integration/docs/forks-joins).\nEdges also indicate the flow of control from one task/trigger to another. For information on specifying conditions for edges and tasks, see\n[Edge conditions](/application-integration/docs/edge-overview#edge_condition).\n\nOpen integration editor\n-----------------------\n\n\nTo open your integration in the *Integration editor*, do the following:\n\n1. In the Google Cloud console, go to the **Application Integration** page.\n\n [Go to Application Integration](https://console.cloud.google.com/integrations)\n2. Click **Integrations** from the left navigation menu to open the **Integrations** page.\n3. Select an existing integration or create a new integration by clicking **Create integration** .\n\n\n If you are creating a new integration:\n 1. Enter a name and description in the **Create Integration** dialog.\n 2. Select a region for the integration. **Note:** The **Regions** dropdown only lists the regions provisioned in your Google Cloud project. To provision a new region, Click **Enable Region** . See [Enable new region](/application-integration/docs/enable-new-region) for more information.\n 3. Click **Create** . The newly created integration opens in the *integration editor*.\n\n\nExplore integration editor layout\n---------------------------------\n\nThe following figure shows a sample layout of the *Integration editor*.\n\n\nThe following table describes the different sections that comprise the integration editor:\n\nWhat's next\n-----------\n\n- Start a [quickstart](/application-integration/docs/quickstarts).\n- Learn about the [canvas view](/application-integration/docs/canvas-view).\n- Get a deeper understanding of the fundamental Application Integration [concepts](/application-integration/docs/concepts).\n- Learn how to add and configure the available [triggers and tasks](/application-integration/docs/all-triggers-tasks)."]]