Create an App Diagram

In this section, you will sign up for an OpsCanvas account and create an app diagram that represents your services and the connections between them

Your services can be connected to other services on the diagram, which will allow easy mapping of environment variables between your services and cloud-managed services.

New App Diagram

1. Create an account by navigating to OpsCanvas, clicking Sign Up, and going through the account creation process.

2. Once on the homepage, click Create > New App Diagram.

3. Name your app and choose a cloud provider (only AWS is available at this time).

4. Select the managed services you want to pre-populate on the diagram.

Tabbed Views

App

Selecting this tab populates the service tray on the right with the private services that you have registered with OpsCanvas. See register private service for details.

Managed

Selecting this tab populates the service tray with the services available from the selected cloud provider. This is a list managed by OpsCanvas and will continue to grow. We'd love to hear what services you need to support in your diagram, drop a line to [e-mail].

Network

Selecting this tab shows the secure network topology that OpsCanvas will provision for you automatically. You can see the VPC, public & private subnets, Kubernetes cluster, and the selected managed and private services on your diagram.

Drag new service

Put your mouse over the top icon in the service tray Drag New Service and drag it onto the canvas and then give it a name.

drag new service onto the canvas

Connect services

Indicate how services communicate with one another. Hover over a service, grab a drag point, and draw a line to the target service.

connect services

Import Service

OpsCanvas needs a copy of your container image that it uses to deploy. In this step, you will need to know the following:

• The port on which your service accepts HTTP requests

• Image URI

• Username to access the image

• Password for access

Here is the process:

1. Click the gear icon on the service you want to import.

2. Fill out the service tray.

3. Wait for the service to be ready.

4. Configure environment variables.

import private service

Configure service

You need to tell OpsCanvas about the environment variables that are used to configure your service. This is done in the service configuration tray. You will name the environment variable, and give it a type a value.

Values can be hard-coded or they can refer to values "published" by other services. In the video below, you'll see the My API service is configured to connect to the Postgres database.

Environment variable names will be associated with the service and available in subsequent diagrams. The values won't be and need to be specified in each diagram.