Build & Deploy Flutter Web Application

PreviousBuild Deploy & Publish NextGenerate Android APKs & App Bundles

Was this helpful?

Build & Deploy Flutter Web Application

Overview

This page runs you through the steps to build the web application and deploy in respective environment.

Steps

Follow the instructions to set up the job pipeline. Ignore the steps not applicable to the front end.

Instructions here are provided assuming CD/CI has been set up using the DIGIT ci-as-code module.

Before setting up the job pipeline, make sure each project has a docker folder in the root folder of the project. The cirrusci flutter docker tag must be mentioned for building the application through Jenkins. Check the image below for reference.

The global assets inside the .env file should be loaded from the environment assets.

Note: The global assets file needs to be in JSON format for Flutter

Follow the sample config added in yaml files of the respective environment to load the global assets of works_shg_app.

works-shg-app:
  custom-js-injection: |
    sub_filter.conf: "
      sub_filter  '<head>' '<head>
      <script src=https://works-dev.digit.org/works-dev-asset/worksGlobalConfig.json type=text/javascript></script>';"

Congrats!!! We are now ready to build and deploy the application on the web.

Build

Click on Build with parameter. Select the feature branch name by searching for it in the search box on the right side of the screen. Click on Build.

Once the build is successful, open the console output and find the docker image that has been built. Copy the docker image ID.

Deploy

For reference, Let's deploy the works-shg-app build that was created to works-dev env.

Copy the docker image IDs from the previous step and paste in the above box. Click on "Build". Once the image is deployed, you will see a message as shown below:

PreviousBuild Deploy & Publish NextGenerate Android APKs & App Bundles

Was this helpful?