Integration designer layout

The Integration designer is a drag-and-drop interface that lets you design and develop your entire integration flow with little or no code. You can create, modify, and run all your integrations in the Integration designer. Overall, you can think of the Integration designer as a unified workspace for managing your integration.

Apigee Integration provides out-of-the-box triggers and tasks to further assist you in rapid development of your integration. Every task or trigger element is connected using an edge along with its respective fork and join. Edges also indicate the flow of control from one task/trigger to another. For information on specifying conditions for edges and tasks, see Edge conditions.

Open integration editor

To open your integration in the Integration designer, do the following:

  1. In the Apigee UI, select your Apigee Organization.
  2. Click Develop > Integrations.
  3. Select an existing integration or create a new integration by clicking Create integration.

    If you are creating a new integration:

    1. Enter a name and description in the Create Integration dialog.
    2. Select a region for the integration.
    3. Click Create.

    This opens the integration in the integration editor.

Explore integration editor layout

The following figure shows a sample layout of the Integration designer.

Integrations designer layout Integrations designer layout

The following table describes the different sections that comprise the integration editor:

Section Description

Toolbar

Integrations designer toolbar

The designer toolbar displays the following information about your integration:

  • Name of the integration.
  • Last edit timestamp.
  • Current version of the integration.
  • Local logging status.

To view a summary of the whole integration in one place, click .

To perform actions such as deleting an integration, cloning an integration, or downloading and uploading an integration, click the (Actions menu) in the toolbar.

Navigation bar

Integrations designer nav bar

The designer navigation bar lets you perform the following actions:

Variables pane

Integrations designer var

The Variables panes lists all the integration variables and task variables available in the integration. It also displays a count of the total variable references within the integration.

To perform actions such as deleting or duplicating a variable, click (Actions menu) next to the respective variable.

For more information about variable, see Variables.

Designer canvas

Integrations designer canvas

The designer canvas is the backdrop on which you can design and develop your integration flow.

Configuration pane

Integrations designer config

The configuration pane displays the configuration settings for each of the triggers and tasks that are added in your designer canvas.

For information about how to configure a trigger or task, see Triggers and tasks.

What's next