Basic Web Application

An executable of a package can be a dockerfile. In that case, applies docker build recipe while deploying the package. The tutorial illustrates this recipe, where a dockerfile builds a docker image.

Learning objectives

The tutorial will show you how to use a dockerfile to build an executable of a package.


  1. Ensure that the Google Chrome browser is installed on a computer.
  2. You should be familiar with the developer guide of



Estimated time

10 minutes

Creating the build

To create the build, follow below steps :

  1. On the left navigation bar, click BUILDS
  2. Click on ADD NEW BUILD
  3. In the Build Name box, enter a name for the build say web-app-build
  4. In the Git repository box, enter the url address : and select Build Recipe as Docker.
  5. In the Context directory box, enter the name of the parent directory that contains the dockerfile. In this example, it is flask_helloworld.
  6. Go to the next step and click on next, the build will be created.

The build takes about two to five minutes to build the source code in the io_tutorials repository into a running docker container. You may analyse the corresponding build logs, which help debug failing builds.

Please proceed to creation of package once the build is Complete.

Creating the package

You will add and deploy simple-hello-world package. To create a new package, follow the below instructions in sequence:

  1. On the left navigation bar, click CATALOG.
  3. You should provide information about the package such as the name of the package, its version, whether its a singleton or bindable package and a short description.
    1. In the Package Name box, type in a name for the package like simple-hello-world
    2. In the Package Version box, type in the version of the package. By default, the version is set to 1.0.0
    3. Ensure Is a singleton package is not selected.
    4. Make sure Is a bindable package is selected.
    5. Describe the package in a sentence or two like Demo package for docker build recipe.
  4. Click NEXT.
  5. In the Component Name box, enter a name for the component say Flask_Application.

    The name of a component must consist of alphabets [A-Z, a-z], digits [0-9], hyphen - and an underscore _ character. It must not begin with a digit.

  6. Select Cloud for Component Runtime.
  7. Ensure Is ROS Component is not selected.
  8. The value of Replicas to run the component is set to the default value of 1
  9. In the Executable Name box, type in a name for the executable, say flask_runner.

    The name of an executable must consist of alphabets [A-Z, a-z], digits [0-9], hyphen - and an underscore _ character. It must not begin with a digit.

  10. For Executable Type, click on Builds.
  11. In the Choose Build select the Build(web-app-build) created above from the drop-down list. Executable details
  12. You must expose a network endpoint for viewing the output of the tutorial:
    1. Click Add Endpoint.
    2. Provide a name for the endpoint, like HELLO_WORLD, in the Endpoint Name box.
    3. Make sure Exposed externally is selected.
    4. Click HTTPS/WSS under Protocol.
    5. The value of Port is automatically set to 443 because the protocol is HTTPS/WSS.
    6. In the Target Port box, enter 5000. Network endpoint

Package build

Additionally, you may verify if the package is built successfully and is ready to be deployed by checking to see if the Deploy package button is active.

Deploying the package

To deploy the simple-hello-world package, walk through the below instructions in sequence:

  1. On the left navigation bar, click CATALOG.
  2. Select simple-hello-world package.
  3. Click Deploy package.
  4. In the Name of deployment box, enter the name of the deployment you are creating like Simple Flask Application.
  5. Click CREATE DEPLOYMENT > Confirm.

You will be redirected to the Details page of the newly created deployment. The Simple Flask Application deployment is successfully running only when the green colored bar moves to Succeeded and Status:Running indicating that the DEPLOYMENT PHASE is Succeeded and the STATUS is Running.

Deployment details

You can also analyze the corresponding deployment logs to check if everything is working as expected by clicking on Historical Logs or Live Logs tab.

Once the package is successfully deployed, the NETWORK ENDPOINTS generates a URL address on the Details page. Copy this specific URL address (it may be different from that shown in the below image), paste in the web browser, and press Enter.

Network endpoint

You will view Hello from message.