7.15. Navigation et routage dans Flutter : navigation avec authentification
Page 100 | Écouter en audio
La navigation et le routage sont des aspects clés de la création d'applications. Dans Flutter, la navigation et le routage sont gérés à l'aide d'un objet routeur. La navigation est le processus de transition entre différentes pages (également appelées itinéraires) d'une application, tandis que le routage est le processus de définition de la logique de navigation d'une application.
L'une des parties les plus importantes de la navigation et du routage dans Flutter est l'authentification de l'utilisateur. L'authentification est un processus qui vérifie que l'utilisateur est bien celui qu'il prétend être. Cela se fait en invitant l'utilisateur à fournir des informations d'identification valides qui peuvent être un nom d'utilisateur et un mot de passe ou un jeton d'authentification. L'authentification est essentielle pour protéger les données utilisateur sensibles et maintenir l'intégrité des applications.
La navigation par authentification dans Flutter peut être implémentée de plusieurs manières. L'un des moyens les plus courants consiste à utiliser le package flutter_login. Ce package fournit un moyen simple de créer un écran de connexion et de gérer l'authentification des utilisateurs. Il prend également en charge l'authentification sociale comme la connexion avec Google, Facebook, etc.
Pour commencer à utiliser flutter_login, vous devez l'ajouter au fichier pubspec.yaml de votre projet. Après avoir ajouté le package, vous pouvez créer une nouvelle instance LoginScreen et lui transmettre un objet d'authentification. L'objet d'authentification est un rappel appelé lorsque l'utilisateur tente de se connecter. Il doit renvoyer une chaîne si l'authentification échoue ou null si l'authentification réussit.
Voici un exemple de la façon dont vous pouvez utiliser flutter_login :
Écran de connexion(
onLogin : (données de connexion) {
print('Nom d'utilisateur : ${loginData.name}');
print('Mot de passe : ${loginData.password}');
retourner _authUser (loginData);
},
onSignup : (données de connexion) {
print('Nom d'utilisateur : ${loginData.name}');
print('Mot de passe : ${loginData.password}');
retourner _authUser (loginData);
},
onSubmitAnimationCompleted:() {
Navigator.of(context).pushReplacement(MaterialPageRoute(
constructeur : (contexte) => HomeScreen(),
));
},
onRecoverPassword : _recoverPassword,
)
Dans l'exemple ci-dessus, _authUser est un rôle que vous devez implémenter. Il doit prendre les informations de connexion de l'utilisateur, vérifier qu'elles sont valides et renvoyer une chaîne si l'authentification échoue ou null en cas de succès. _recoverPassword est une autre fonction que vous devez implémenter. Doit envoyer un e-mail de récupération de mot de passe à l'utilisateur.
Une fois l'utilisateur authentifié, il est redirigé vers l'écran d'accueil de l'application. Cela se fait à l'aide de Navigator.of(context).pushReplacement. Cette fonction remplace l'itinéraire actuel par l'itinéraire du nouveau générateur d'itinéraire.
En plus de flutter_login, il existe de nombreux autres packages que vous pouvez utiliser pour implémenter la navigation par authentification dans Flutter, tels que firebase_auth, flutter_secure_storage, etc. Le choix du forfait dépend des besoins spécifiques de votre application.
En bref, la navigation et le routage sont des aspects cruciaux de la création d'applications Flutter. L'authentification des utilisateurs est un élément important de la navigation et du routage, car elle permet de protéger les données utilisateur sensibles et de maintenir l'intégrité des applications. Flutter propose plusieurs façons de mettre en œuvre la navigation authentifiée, vous permettant de choisir celle qui correspond le mieux aux besoins de votre application.
Répondez maintenant à l’exercice sur le contenu :
Quel est le rôle de l'objet d'authentification dans le package flutter_login dans la navigation avec authentification dans Flutter ?
Tu as raison! Félicitations, passez maintenant à la page suivante
Vous avez raté! Essayer à nouveau.
Page suivante de lebook gratuit :
101Gestion de l'état dans Flutter
3 minutes
Obtenez votre certificat pour ce cours gratuitement ! en téléchargeant lapplication Cursa et en lisant lebook qui sy trouve. Disponible sur Google Play ou App Store !
