An AWS Cognito plugin for flutter. Supports both iOS and Android.
First follow the regular flutter plugin installation on Dart Pub.
Make sure you have built the app once for both Android/iOS before continuing.
Since this plugin uses the native AWS sdk, the installation is a little more involved.
Add an awsconfiguration.json
file to android/app/src/main/res/raw/awsconfiguration.json
.
This is what one should look like :-
{
"IdentityManager": {
"Default": {}
},
"CredentialsProvider": {
"CognitoIdentity": {
"Default": {
"PoolId": "XX-XXXX-X:XXXXXXXX-XXXX-1234-abcd-1234567890ab",
"Region": "XX-XXXX-X"
}
}
},
"CognitoUserPool": {
"Default": {
"PoolId": "XX-XXXX-X_abcd1234",
"AppClientId": "XXXXXXXX",
"AppClientSecret": "XXXXXXXXX",
"Region": "XX-XXXX-X"
}
}
}
This plugin supports the amplify SDK for android and iOS,
and the the amplify cli can be used to generate the awsconfiguration.json
file.
Just do $ amplify init
from the android
& ios
folder of your app.
Run $ pod init
from the ios
folder of your app.
Now, open ios/Podfile
. Ensure ios version is set to a minimum of 9.0
.
platform :ios, '9.0'
To add the awsconfiguration.json
file to iOS module, you will unfortunately,
need to open up your project in XCode.
- Start Xcode
- Click on ‘File > Open’
- Select the
ios/Runner.xcworkspace
file.
Now just drag-drop the awsconfiguration.json
file, from android/app/src/main/res/raw/awsconfiguration.json
to XCode Runner (Right next to AppDelegate.swift
).
Here is a video.
That should create a symlink to the file in the ios module, and bundle it into the final ios app.
This way you won't need to maintain 2 config files.
The plugin comes with a showcase app that will let you try all features;
see if you setup the awsconfiguration.json
correctly.
It's present in the usual example
directory
$ git clone https://github.com/pycampers/flutter_cognito_plugin.git
$ cd flutter_cognito_plugin/example
$ flutter run
You can use AWS AppSync GraphQL API using this plugin easily. Just pass in the query as a String, and the query variables!
import 'dart:convert';
import 'dart:io';
import 'package:flutter_cognito_plugin/flutter_cognito_plugin.dart';
import 'package:http/http.dart' as http;
static Future<Map> query(
String query,
Map<String, dynamic> variables,
) async {
final tokens = await Cognito.getTokens();
final response = await http.post(
graphQLEndpoint,
headers: {
HttpHeaders.authorizationHeader: tokens.accessToken,
HttpHeaders.contentTypeHeader: ContentType.json.mimeType,
},
body: jsonEncode({
"query": query,
"variables": variables,
}),
);
if (response.statusCode == HttpStatus.ok) {
return jsonDecode(response.body);
}
print(
"http request failed! { statusCode: ${response.statusCode}, body: ${response.body} }",
);
return null;
}