El editor de integración es una interfaz de arrastrar y soltar que te permite diseñar y desarrollar todo el flujo de integración con poco o ningún código. Puedes crear, modificar y ejecutar todas tus integraciones en el editor de integraciones. En general, el editor de integración es un espacio de trabajo unificado para gestionar tu integración.
Integración de aplicaciones proporciona activadores y tareas listos para usar que te ayudarán a desarrollar rápidamente tu integración. Cada tarea o elemento de activación se conecta mediante un borde junto con su bifurcación y unión respectivos.
Los bordes también indican el flujo de control de una tarea o un activador a otro. Para obtener información sobre cómo especificar las condiciones de los bordes y las tareas, consulta Condiciones de los bordes.
Abrir el editor de integración
Para abrir tu integración en el editor de integraciones, haz lo siguiente:
En la consola de Google Cloud, ve a la página Application Integration (Integración de aplicaciones).
En el panel Variables se muestran todas las variables de integración y de tarea disponibles en la integración. También muestra el número total de referencias de variables en la integración.
Para realizar acciones como eliminar o duplicar una variable, haz clic en
more_vert
(menú Acciones) junto a la variable correspondiente.
Para obtener más información sobre las variables, consulta Variables.
Lienzo de diseño
El lienzo de diseño es el fondo sobre el que puedes diseñar y desarrollar tu flujo de integración.
Panel de configuración
En el panel de configuración se muestran los ajustes de configuración de cada uno de los activadores y las tareas que se añaden al lienzo de diseño.
Para obtener información sobre cómo configurar un activador o una tarea, consulta Activadores y tareas.
[[["Es fácil de entender","easyToUnderstand","thumb-up"],["Me ofreció una solución al problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Es difícil de entender","hardToUnderstand","thumb-down"],["La información o el código de muestra no son correctos","incorrectInformationOrSampleCode","thumb-down"],["Me faltan las muestras o la información que necesito","missingTheInformationSamplesINeed","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-11 (UTC)."],[[["\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)."]]
