Flutter Build for Web
The Flutter Build for Web step builds your web application using the Flutter SDK.
Prerequisites
There are no prerequisites required before using the Flutter Build for Web step.
| Prerequisite Workflow Step | Description |
|---|---|
| Git Clone | This step clones your project from the connected Git provider and creates the $AC_REPOSITORY_DIR variable, which defaults to $AC_FLUTTER_PROJECT_DIR. |
| Flutter Install | This step installs the Flutter SDK. If no version is specified, it installs the latest stable version. |
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
You can find all the parameters required for this step in the table below, along with detailed descriptions.
| Variable Name | Description | Status |
|---|---|---|
$AC_FLUTTER_PROJECT_DIR | This parameter represents the repository path. The default value is $AC_REPOSITORY_DIR, which is created after the Git Clone step. | Required |
Output Variables
| Variable Name | Description |
|---|---|
$AC_FLUTTER_WEB_PATH | This 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:
- First, set up a Flutter Web App build.
- Then, add an Upload to Amazon S3 step to your workflow and configure it to receive the web app artifact as the input of the step.
- To set up Amplify Console and S3 sync, first go to Amplify and set up a manual deployment.
- Then, follow the steps in this AWS blog post to automate deployments from an S3 bucket to Amplify.
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:
