https://github.com/fa-fifi/keycloak_wrapper
Keycloak Single Sign-On (SSO) authentication package for Flutter framework.
https://github.com/fa-fifi/keycloak_wrapper
android ios macos
Last synced: 11 months ago
JSON representation
Keycloak Single Sign-On (SSO) authentication package for Flutter framework.
- Host: GitHub
- URL: https://github.com/fa-fifi/keycloak_wrapper
- Owner: fa-fifi
- License: bsd-3-clause
- Created: 2023-09-14T09:08:30.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-22T06:01:16.000Z (11 months ago)
- Last Synced: 2025-07-22T08:34:46.221Z (11 months ago)
- Topics: android, ios, macos
- Language: Dart
- Homepage: https://pub.dev/packages/keycloak_wrapper
- Size: 277 KB
- Stars: 17
- Watchers: 4
- Forks: 15
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Keycloak Wrapper
[](https://pub.dartlang.org/packages/keycloak_wrapper)
[](https://pub.dev/packages/keycloak_wrapper/score)
[](https://pub.dev/packages/keycloak_wrapper/score)
[](https://pub.dev/packages/keycloak_wrapper/score)
[](https://pub.dev/packages/lint)
[](https://github.com/TheBSD/StandWithPalestine/blob/main/docs/README.md)
Integrate **Keycloak Single Sign-On (SSO)** authentication into your Flutter apps seamlessly using this package. Tokens are automatically managed under the hood and are easily accessible. A user authentication state stream is provided for your app to listen to in order to stay in sync with authentication status changes.
## Getting Started
For end-user authentication and authorization, this package integrates with the [**AppAuth**](https://appauth.io) SDK to establish connections using [**OAuth 2.0**](https://datatracker.ietf.org/doc/html/rfc6749) and [**OpenID Connect (OIDC)**](https://openid.net/specs/openid-connect-core-1_0.html). This integration allows users to securely log in and access protected resources, such as APIs or user data from third-party providers. For token security, the [**flutter_secure_storage**](https://pub.dev/packages/flutter_secure_storage) package is used to securely store all tokens in the Keychain for iOS and Keystore for Android.
> [!NOTE]
> - [**AndroidX**](https://developer.android.com/jetpack/androidx) is required for this package. Starting from Flutter v1.12.13, newly created projects enable AndroidX by default. If your project was created before this Flutter version, please migrate it before using this package. You can follow this migration [guide](https://docs.flutter.dev/release/breaking-changes/androidx-migration) provided by the Flutter team.
>
> - Starting with Android API 28 and iOS 9, insecure HTTP connections are disabled by default. Check out this [guide](https://docs.flutter.dev/release/breaking-changes/network-policy-ios-android) if you want to allow cleartext connections for your build. However, it is not recommended for release builds. Please use secure connections whenever possible.
### **Keycloak**
Go to your **Keycloak Administration Console** and select your Client ID. In the access settings section, add `:/*` as a **valid redirect URI**, and do the same for the **valid post logout redirect URI**. Ensure your bundle identifier does not contain any characters that are not allowed in a hostname, such as spaces or underscores.
### **Android**
Specify the custom scheme in your Android app’s `build.gradle` file. There should be a section similar to the following; replace `` with your desired value:
```groovy
android {
...
defaultConfig {
...
manifestPlaceholders += [
'appAuthRedirectScheme': ''
]
}
}
```
Ensure that `` is all lowercase, as there have been reports of issues with redirects if there are any capital letters. Note that the `+=` operation is used on `manifestPlaceholders` instead of `=`. This is intentional and required, as newer versions of the Flutter SDK have made changes under the hood to handle multidex. Using `=` instead of `+=` can lead to errors like the following:
```
Attribute application@name at AndroidManifest.xml:5:9-42 requires a placeholder substitution but no value for is provided.
```
If you see this error, update your `build.gradle` to use `+=` instead.
> [!WARNING]
> - Starting from Flutter v3.22.0, newly created projects will disallow [task affinity](https://github.com/flutter/flutter/pull/144018) by default to prevent the [StrandHogg attack](https://developer.android.com/privacy-and-security/risks/strandhogg). However, these changes have broken the package, as users will no longer be able to redirect back to the app after login. Currently, the only way to fix this issue is to remove `android:taskAffinity=""` from your `AndroidManifest.xml` file.
### **iOS/macOS**
Specify the custom scheme in your iOS/macOS app’s `Info.plist` file. There should be a section similar to the following; replace `` with your desired value:
```xml
CFBundleURLTypes
CFBundleTypeRole
Editor
CFBundleURLSchemes
```
## Usage
Create an instance of the `KeycloakWrapper` class somewhere in your code, as shown below. Make sure to replace all placeholders with your own configuration values.
```dart
final keycloakConfig = KeycloakConfig(
bundleIdentifier: '',
clientId: '',
frontendUrl: '',
realm: '',
);
final keycloakWrapper = KeycloakWrapper(config: keycloakConfig);
```
Initialize the package within the `main()` method of your Flutter app to set up the user authentication stream as soon as your app launches.
```dart
void main() {
WidgetsFlutterBinding.ensureInitialized();
keycloakWrapper.initialize();
...
runApp(const MyApp());
}
```
To listen to the user authentication state stream, create a StreamBuilder widget that listens to `keycloakWrapper.authenticationStream`. Navigate the user to the login screen when the stream returns false, and redirect to the home screen when login is successful. Set the initial value of the StreamBuilder to `false` to ensure the stream never returns null.
```dart
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) => MaterialApp(
home: StreamBuilder(
initialData: false,
stream: keycloakWrapper.authenticationStream,
builder: (context, snapshot) =>
snapshot.data! ? const HomeScreen() : const LoginScreen()),
);
}
```
Next, create a button somewhere in your login screen and use the following method to initiate the login process:
```dart
Future login() async {
final isLoggedIn = await keycloakWrapper.login();
}
```
Once logged in, you can retrieve the user's information and tokens as shown below:
```dart
// Retrieve user's information.
final user = await keycloakWrapper.getUserInfo();
final name = user?['name'];
final email = user?['email'];
// Retrieve tokens.
final accessToken = keycloakWrapper.accessToken;
final idToken = keycloakWrapper.idToken;
final refreshToken = keycloakWrapper.refreshToken;
```
To log out, simply call the following method. Make sure to pop all stacked screens, if there are any.
```dart
Future logout() async {
final isLoggedOut = await keycloakWrapper.logout();
}
```
By default, all errors and exceptions are handled by the `onError` method of the `KeycloakWrapper` class, which prints the error directly to the console. You can customize this behavior if you want to display a custom message to users when specific errors, such as authorization failures, occur. Below is an example of how you can override the method and handle errors and exceptions in your own way:
```dart
keycloakWrapper.onError = (message, error, stackTrace) {
// Add your custom error handling logic here.
};
```
You can refer to the [example](https://pub.dev/packages/keycloak_wrapper/example) to see how this package works in a real-life app.
## Contributing
Contributions are welcome! However, please make sure to follow the guidelines below to avoid unnecessary waste of time and resources.
- **Found a bug?**
Ensure the bug has not already been reported by searching on GitHub under [Issues](https://github.com/fa-fifi/keycloak_wrapper/issues). If you can't find an open issue addressing the problem, open a new one. Be sure to include a title, a clear description, as much relevant information as possible, and a code sample or an executable test case demonstrating the expected behavior that is not occurring.
- **Need some help?**
Feel free to open a new [discussion](https://github.com/fa-fifi/keycloak_wrapper/discussions) on GitHub if you need help from the community. I'll try my best to help you as soon as possible. If you want to make any feature requests, you can use the same platform for us to discuss your idea further.
- **Want to contribute?**
Since I am the only maintainer of this package, frequent bug fixes or updates might not be feasible. Therefore, any [pull requests](https://github.com/fa-fifi/keycloak_wrapper/pulls) are greatly appreciated! Please ensure that the PR description clearly outlines both the problem and the proposed solution. If applicable, include the relevant issue number in the description.
Thanks! ❤️