Lorsque vous vous êtes inscrit à Auth0, une nouvelle application a été créée pour vous, ou vous auriez pu en créer une nouvelle. Vous aurez besoin de quelques informations à propos de cette application pour communiquer avec Auth0. Vous pouvez obtenir ces informations dans la section Paramètres d’application d’Auth0 Dashboard.

Les informations suivantes sont nécessaires :

• Domaine

• Identifiant client

Configuration des URL de rappel

Une URL de rappel est une URL intégrée dans votre application vers laquelle Auth0 redirige l’utilisateur après qu’il s’est authentifié. L’URL de rappel de votre application doit être ajoutée au champ URL de rappel autorisées dans les Paramètres d’application. Si ce champ n’est pas défini, les utilisateurs ne pourront pas se connecter à l’application et obtiendront un message d’erreur.

Configuration des URL de déconnexion

Une URL de déconnexion est une URL intégrée dans votre application vers laquelle Auth0 peut se rediriger une fois que l’utilisateur a été déconnecté du serveur d’autorisations. Cette URL est spécifiée dans le paramètre de requête returnTo. L’URL de déconnexion de votre application doit être ajoutée au champ URL de déconnexions autorisées dans les Application Settings (Paramètres d’application). Si ce champ n’est pas défini, les utilisateurs ne pourront pas se déconnecter de l’application et obtiendront un message d’erreur.

Configurer les origines Web autorisées

Vous devez ajouter l’URL de votre application au champ Origines Web autorisées dans vos Application Settings (Paramètres d’application). Si vous n’enregistrez pas l’URL de votre application ici, l’application ne pourra pas actualiser silencieusement les jetons d’authentification et vos utilisateurs seront déconnectés la prochaine fois qu’ils visiteront l’application ou qu’ils actualiseront la page.

Ajoutez la trousse SDK Flutter Auth0 au projet :

flutter pub add auth0_flutter

Ajoutez l’étiquette de script suivante à votre page index.html :

<script src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js" defer></script>

La connexion universelle est le moyen le plus simple de mettre en place l’authentification dans votre application. Nous recommandons de l’utiliser pour une meilleure expérience, une meilleure sécurité et un plus grand nombre de fonctionnalités.

Intégrez la connexion universelle Auth0 dans votre application Flutter (Web) en utilisant la classe Auth0Web. Redirigez vos utilisateurs vers la page de connexion universelle Auth0 en utilisant loginWithRedirect().

Lorsqu’un utilisateur se connecte, il est redirigé vers votre application. Vous pouvez alors accéder à l’identificateur et aux jetons d’accès de cet utilisateur en appelant onLoad lors du démarrage et en gérant les informations d’identification qui vous sont communiquées :

auth0.onLoad().then((final credentials) => setState(() {
// Handle or store credentials here

_credentials = credentials;

}));

Pour déconnecter les utilisateurs, redirigez-les vers le point de terminaison Auth0 pour effacer leur session de connexion en appelant la trousse SDK Flutter Auth0 logout(). En savoir plus sur la déconnexion d’Auth0.

Le profil utilisateur récupère automatiquement les propriétés du profil utilisateur lors du chargement de la page. Il est possible d’y accéder et de les stocker en appelant onLoad lors du démarrage de l’application. L’objet retourné à partir de onLoad contient une propriété user avec toutes les propriétés du profil utilisateur. Cette propriété est alimentée en interne par le décodage du jeton d’ID.