Skip to main content

​Flutter Build for Web

The Flutter Build for Web step builds your web application using the Flutter SDK.

Prerequisites

Before running the ​Flutter Build for Web step, you must complete certain prerequisites, as detailed in the table below:

Prerequisite Workflow StepDescription
Git CloneThis step clones your project from the connected Git provider and creates the $AC_REPOSITORY_DIR variable, which defaults to $AC_FLUTTER_PROJECT_DIR.
Flutter InstallThis step installs the Flutter SDK. If no version is specified, it installs the latest stable version.
Screenshot
danger

This step relies heavily on the Flutter Install step. If the Flutter SDK is not installed, the step will report an error stating that the required command was not found.

Input Variables

This step contains some input variable(s). It needs these variable(s) to work. The table below gives explanation for this variable(s).

Screenshot
Variable NameDescriptionStatus
$AC_FLUTTER_PROJECT_DIRThis parameter represents the repository path. The default value is $AC_REPOSITORY_DIR, which is created after the Git Clone step.Required

Output Variables

The output(s) resulting from the operation of this component are as follows:

Variable NameDescription
AC_FLUTTER_WEB_PATHThis path is generated after the completion of the Flutter Build for Web step and stores the generated web application.

Deploying Applications to AWS Services

AWS Amplify offers a fully managed service for deploying and hosting static web applications, and Appcircle supports building Flutter web apps.

You can deploy Flutter web apps (or any other web app) that you build with Appcircle to AWS Amplify Console for an end-to-end app lifecycle from a single CI/CD platform for web and mobile.

To deploy apps to Amplify, you can use Git, manual uploads, or Amazon S3 buckets as the source.

Since Appcircle supports automated Amazon S3 uploads, you can automatically deploy your apps from Appcircle to Amazon S3 and then sync your S3 bucket with Amplify Console with the following steps:

You can build your Flutter web apps with Appcircle and deploy them to the Amplify Console with end-to-end automation.


To access the source code of this component, please use the following link:

Preview of GitHub - appcircleio/appcircle-flutter-web-build-component