Add Passage

Add Passage to your Flutter app

Prerequisites

• Flutter development environment setup (learn more here)

• A Passage account (register for free if you haven’t already)

• A Passage app (if you don’t have one, learn how to create one here)

If you don’t already have a Flutter project and just want to try out Passage, consider cloning our Flutter Example App.

Installation

Install Passage Flutter:

flutter pub add passage_flutter

Import the package.

import 'package:passage_flutter/passage_flutter.dart';

If you have a web app, add this script to your web/index.html headers:

<script type="module">
    import { Passage } from "https://cdn.passage.id/passage-js.js";
    window.Passage = Passage;
</script>

Android app passkey configuration

To finish setting up your Flutter app for passkeys on Android, please follow the instructions here:

Cross Platform Android Configuration

iOS app passkey configuration

To finish setting up your Flutter app for passkeys on iOS, please follow the instructions here:

Cross Platform iOS Configuration

Web app configuration

When you're running the web app locally you'll want to make sure your Passage app auth origin and Flutter web app port are set to the same localhost.

You did it! 🎉

The hard part is over! It's time to get started using Passage.