Cloud Services or Elements

A cloud service is an element and a basic unit to be orchestrated in Visual Designer. Each element contains all attributes of the resource type it belongs to.

Resources are classified on the left of the designer UI and can be dragged to the canvas on the right.

Copying or Deleting a Cloud Service

Drag a cloud service to the canvas. Right-click the cloud service.

Figure 1 Right-clicking the cloud service

Two icons are displayed. Click Clone to copy the cloud service. Click Delete to delete the cloud service.

Cloud Service Block Diagrams

There are two types of cloud service resource block diagrams in Visual Designer:

Type 1: Non-scalable elements
A non-scalable element generally represents a terminal service or an entity resource. The block diagram size is fixed.

Figure 2 Non-scalable elements
Type 2: Scalable elements
A scalable element is a container element. The containers and elements can be put into containers. You can adjust the size of the block diagram by dragging.

Figure 3 Scalable elements

Connecting Resources Using Hollow Points/Lines

When some elements are dragged to the canvas, a hollow point is displayed on the resource. There are green hollow points and gray hollow points.

Hollow points can be used to connect resources. The connection line between two resources represents their association or dependency. There are green lines and gray lines.

Green hollow points
A resource displayed with a green hollow point can depend on other resources.

You can connect resources as required and the resources to be depended on are created by RFS first.

For example, when you drag an RDS resource to the canvas, a green hollow point is displayed as shown in the following figure.
Figure 4 RDS green hollow point

When you move the cursor to the green hollow point of the left resource and click the green hollow point, an arrow is displayed. Drag the cursor to the resource on the right and release the cursor. The left resource depends on the right resource.

Figure 5 Green hollow point: an element to be connected
Gray hollow point
A resource with a gray hollow point can be associated with other resources.

For example, when you drag a CCE resource to the canvas, a gray hollow point is displayed as shown in the following figure.
Figure 6 CCE gray hollow point

When you move the cursor to the gray hollow point, you can view an attribute value as shown in the following figure, which indicates that the CCE resource can only be connected to the EIP resource.
Figure 7 CCE attribute

Assume that the CCE resource needs to be connected to a VPC resource. Drag the VPC element to the canvas first.
Figure 8 EIP

Move the cursor to the gray hollow point of the CCE resource and click the gray hollow point. An arrow is displayed. Drag the mouse to move the arrow to the EIP resource. When the hollow point of EIP resource turns green, release the mouse. The two resources are associated.

Figure 9 Hollow point: an element to be connected

Green hollow points and connection lines
The line from a resource with a green hollow point to another resource represents the dependencies between two resources. For more information, see •Green hollow points.

Figure 10 Green hollow points and connection lines
Gray hollow points and connection lines
The line from a resource with a hollow gray point to another resource indicates that the two resources are associated using an attribute value. In addition, a dependency relationship exists between the two resources. For more information, see •Green hollow points.

A resource with a gray hollow point can be associated with other resources. For example, when you drag a CCE resource to the canvas, a gray hollow point is displayed as shown in the following figure. When you move the cursor to the gray hollow point, you can view an attribute value as shown in the following figure, which indicates that the CCE resource can only be connected to the EIP resource. Assume that the CCE resource needs to be connected to a EIP resource. Drag the EIP element to the canvas first. Move the cursor to the gray hollow point of the CCE resource and click the gray hollow point. An arrow is displayed. Drag the mouse to move the arrow to the EIP resource. When the hollow point of EIP resource turns green, release the mouse. The two resources are associated. Hollow point: an element to be connected

Figure 11 Gray hollow points and connection lines