Amplify Flutter
AWS Amplify provides a declarative and easy-to-use interface across different categories of cloud operations. Our default implementation works with Amazon Web Services (AWS), but AWS Amplify is designed to be open and pluggable for any custom backend or service. See AWS Amplify for further details about the Amplify Framework.
We are iterating and looking for feedback and collaboration, so please let us know your feedback on our direction and roadmap.
Supported Amplify Categories
-
Authentication: APIs and building blocks for developers who want to create user authentication experiences with Amazon Cognito.
-
Analytics: Easily collect analytics data for your app with Pinpoint. Analytics data includes user sessions and other custom events that you want to track in your app.
- Storage: Provides a simple mechanism for managing user content for your app in public, protected or private storage buckets with Amazon S3.
- DataStore: A programming model for leveraging shared and distributed data without writing additional code for offline and online scenarios, which makes working with distributed, cross-user data just as simple as working with local-only data.
- API (Rest): Provides a simple solution when making HTTP requests. It provides an automatic, lightweight signing process which complies with AWS Signature Version 4.
- API (GraphQL): Interact with your GraphQL server or AWS AppSync API with an easy-to-use & configured GraphQL client.
To Be Implemented
- Predictions
- Storage Hub Events (Listening to the Amplify Storage events)
Amplify for Flutter currently supports iOS and Android platforms.
Documentation
- Getting Started with Amplify Flutter
- Amplify Framework
- Install the Amplify CLI
- Contributing to Amplify Flutter
Flutter Development Guide
Amplify for Flutter is an open-source project and welcomes contributions from the Flutter community, see Contributing.
Prerequisites
Getting Started with Flutter app development and Amplify
- Clone this repository
- Install Amplify in a Flutter project
- Add basic Amplify functionality to your project using one of the supported categories
-
git clone [email protected]:aws-amplify/amplify-flutter.git -
Open your Flutter project. If you do not have an active Flutter project, you can create one after installing the Flutter development tooling and running
flutter create <project-name>in your terminal. -
Using the Amplify CLI, run
amplify initfrom the root of your project:
==> amplify init
Note: It is recommended to run this command from the root of your app directory
? Enter a name for the project helloAmplify
? Enter a name for the environment dev
? Choose your default editor: Visual Studio Code
? Choose the type of app that you\'re building flutter
Please tell us about your project
Only the following resource types are supported:
* Auth
* Analytics
* Storage
* API
? Where do you want to store your configuration file? ./lib/
-
Add Amplify categories (choose defaults for this example):
$ amplify add auth $ amplify add analytics
-
Push changes to the cloud to provision the backend resources:
$ amplify push
-
In your pubspec.yaml file, add the following to
dependencies:
Note: Do not include dependencies in your
pubspecfile that you are not using in your app. This can cause a configuration error in the underlying SDK.
dependencies:
flutter:
sdk: flutter
amplify_flutter:
path: /{path to your local amplify-flutter}/amplify-flutter/packages/amplify_flutter
amplify_analytics_pinpoint:
path: /{path to your local amplify-flutter}/amplify-flutter/packages/amplify_analytics_pinpoint
amplify_auth_cognito:
path: /{path to your local amplify-flutter}/amplify-flutter/packages/amplify_auth_cognito
- From the terminal run
flutter pub get
- In your main.dart file, add:
import 'package:flutter/material.dart';
import 'package:amplify_flutter/amplify.dart';
import 'package:amplify_analytics_pinpoint/amplify_analytics_pinpoint.dart';
import 'package:amplify_auth_cognito/amplify_auth_cognito.dart';
import 'amplifyconfiguration.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
bool _amplifyConfigured = false;
@override
void initState() {
super.initState();
}
void _configureAmplify() async {
if (!mounted) return;
// Add Pinpoint and Cognito Plugins
Amplify.addPlugin(AmplifyAuthCognito());
Amplify.addPlugin(AmplifyAnalyticsPinpoint());
// Once Plugins are added, configure Amplify
try {
await Amplify.configure(amplifyconfig);
setState(() {
_amplifyConfigured = true;
});
} on AmplifyAlreadyConfiguredException {
print(
"Amplify was already configured. Looks like app restarted on android.");
}
}
// Send an event to Pinpoint
void _recordEvent() async {
AnalyticsEvent event = AnalyticsEvent('test');
event.properties.addBoolProperty('boolKey', true);
event.properties.addDoubleProperty('doubleKey', 10.0);
event.properties.addIntProperty('intKey', 10);
event.properties.addStringProperty('stringKey', 'stringValue');
Amplify.Analytics.recordEvent(event: event);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Amplify example app'),
),
body: ListView(padding: EdgeInsets.all(10.0), children: <Widget>[
Center(
child: Column (
children: [
const Padding(padding: EdgeInsets.all(5.0)),
ElevatedButton(
onPressed: _amplifyConfigured ? null : _configureAmplify,
child: const Text('configure Amplify')
),
ElevatedButton(
onPressed: _amplifyConfigured ? _recordEvent : null,
child: const Text('record event')
)
]
),
)
])
)
);
}
}
For iOS builds complete the following steps (from the root of your project):
rm ios/Podfileflutter build ios- Modify the
ios/Podfileand replace the second line with:platform :ios, '11.0'.
This ensures that your Flutter project is running the same ios version that the Amplify plugins are built on.
- From the root of your project, execute
flutter runin the terminal.
Make sure that an Android or iOS device is already running; this can be a virtual device started from Android Studio.
Click Configure Amplify, then Record Event. From the terminal (in the root of your project) run amplify console analytics. This will open the Amazon Pinpoint console for your project in your default web browser. Within about a minute you should start seeing the events populating in the Events section of then Pinpoint console.
For further documentation and Amplify Category API usage, see the documentation.
Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC.
![[RFC]: Amplify Flutter](https://avatars.githubusercontent.com/u/51211245?v=4)
36 Nov 23, 2022
2 Aug 29, 2022
0 Nov 4, 2021
15 May 21, 2022
7 Dec 25, 2022
26 Nov 23, 2022
8 Oct 14, 2022
9 Dec 23, 2022
0 Dec 15, 2021
1 Jan 25, 2022
4 Dec 21, 2021
43 Sep 29, 2022
46 Dec 17, 2022
1 Nov 15, 2021
26 Nov 28, 2022
9 Oct 29, 2022
4 Nov 15, 2021