Contact us
10 minutes read

The development process contains two things that seem disparate but are actually related.

Here’s the first one. Genuine software engineers don’t think about money. They long to be creative and see the immediate results of their creativity without facing any issues.

Your company’s goal is to get more money and cut down the time frames required for the product to appear on the market. Frankly speaking, fast development of the minimum viable product and immediate updates of the existing projects are your business’s biggest dreams. And that’s the second one.

This guide contains both, theory and practice.

Theoretical side

Of course you cannot please everybody, however, CI/CD breaks the rules. This simple idea belongs to IT pioneer, Grady Booch. Can you imagine your colleague running from department to department with a floppy disk three times a day to introduce CI? That’s how challenging it was to implement CI in 1991. Today, things look way less complicated.

The main purpose of CI/CD is a continuous merge of working copies into the main development branch and frequent project build execution for a discovery of potential bugs and resolution of integration problems.

CI/CD for Flutter Apps

The faster you find a bug, the less you pay for it. Sometimes the price is too high, like with Mariner 1 and Therac 25.

What are the benefits of CI for a business?

1. Efficient Developers

By incorporating CI, development team becomes more bankable and the cost of your software projects minimizes. CI aims at refining the integration process, thus breaking it down into simple, daily development tasks, to help minimize the build costs and detect defects early in the software lifecycle.

2. Faster Software Builds

Infrastructure and deployment are automated. Everyone loves to see the output of their work, developers especially, and the business gets to see the benefits of this code right away. Deploying a smaller patch of code is less risky when developers can take advantage of test automation, so they have less overhead and coordination with a QA team.

3. Focus on solving business problems

Dev-ops team must support pipeline development, as it helps developers to focus on solving business problems, without thinking about infrastructure deployment.

Let’s move on to practice.

Practical side

inVerita Flutter developers are experienced in working with such CI systems as Jenkins, Circle IO, Bitrase and Gitlab CI. As we have a Github projects code store, it’s better to integrate CI into Github rather than any other third party service.

Github Actions is a new feature of Github that enables users to create a CI/CD system directly in Github repository. Developers and Dev-ops can write individual tasks, called actions, and combine them to create a custom workflow. It gives us the possibility to build our app, fast test our application and publish them. The best thing is that you can do this inside Github site, avoiding third-party websites.

Github private repositories usually offer a free plan of 2000 build minutes a month. We usually use 1800 build minutes a month for both middle-sized and big projects.

Now, let’s talk about the steps needed for the integration of the CI/CD workflow for a Flutter app.

1) Create Github Project

For example, you have a standard Flutter Counter App.

CI/CD for Flutter Apps
Then, add Flutter integration tests, unit tests and widgets tests to the project.
CI/CD for Flutter Apps
Widgets test
CI/CD for Flutter Apps

Integration test (UI tests)

CI/CD for Flutter Apps

2) Add workflow file

In the root folder of your Flutter project, create a new folder .github and a subfolder workflows. This is where your workflow .yml or .yaml extension files will reside (on example we provide it’s main.yaml)

A project can have multiple workflow files, but for simplicity, we recommend using only one file for this project.

3) Writing Commands

We’ve tried to explain every line of the file with comments. If you need more information about a syntax for Github Actions, check it out here.

CI/CD for Flutter Apps

Run unit and widgets tests job

We integrated CodeCov to automatically generate beautiful reports from CI.

Here’s how the reports look like:

CI report #1

CI/CD for Flutter Apps
CI report #2
CI/CD for Flutter Apps
CI report #3
CI/CD for Flutter apps
Run integrated tests iOS job
CI/CD for Flutter Apps
Run integrated tests android job

Build and deploy job

Recommendations on how to improve workflow. We recommend adding personal notifications for developers in messengers like Slack, Telegram or WeChat, as it helps quickly provide some help if needed.

See the workflow and release in Github

Once you have pushed the code you can see the workflow in action by going to repo URL/actions .

CI/CD for Flutter Apps
You see the release files by going to repo URL/releases.
Now you have a beautiful desktop application.
Your site will be published yourusername .github.io.
Now you have a beautiful desktop application.

The full code is here.

Useful links

Great article about run flutter driver test on github actions

About GitHub Actions doc

Flutter testing

Afterword

We believe that in many cases CI/CD improves code quality and allows receiving first-rate product quicker than other approaches.

When the one should use CI/CD? We recommend using it whenever you start developing from scratch, also for web, mobile and ecommerce projects, different projects with microservice architecture, various front-end and middleware components. In case you have monolithic IT systems and you’d like to integrate CI/CD into the development process, think twice, because you will have to rebuild the architecture according to the new requirements. It is more likely, you won’t benefit from CI when making improvements in your old code, but you will definitely win if you use it for a new project.

If you stuck with your Flutter app development, contact inVerita.

0 people like this

This website uses cookies to ensure you get the best experience on our website.

Learn more
Thank you for getting in touch!
We'll get back to you soon.
Sending error!
Please try again later.
Thank you, your message has been sent.
Please try again later, or contact directly through email:
Format: doc, docx, rtf, txt, odt, pdf (5Mb max size)
Validate the captcha
Thank you, your message has been sent.
Please try again later, or contact directly through email: