search
AcademyDesign SystemFeedback

Build & Deploy Flutter Web Application

hashtag
Overview

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

hashtag
Steps

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

circle-info

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.

circle-info

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.

dev yaml file : works-dev.yamlarrow-up-right

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.

chevron-rightBuildhashtag

Go to the Jenkins buildarrow-up-right page. Click on your project to build under the folder path mentioned below.

For reference, if works_shg_app need to be build, Go to path digit-works/job/frontend/job/works-shg-app/arrow-up-right

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.

chevron-rightDeployhashtag

Go to the Jenkins deploymentsarrow-up-right page. Click on the desired environment you want to deploy the build

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

Path ref: https://builds.digit.org/job/deployments/job/deploy-to-works-dev/arrow-up-right

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 & PublishNextGenerate Android APKs & App Bundles

Last updated

Was this helpful?