Authentification Firebase dans Flutter

Un élément crucial de nombreuses applications est la possibilité de créer des comptes utilisateur et d'authentifier les utilisateurs existants. L'authentification Firebase fournit une solution complète et sécurisée pour cela et est facile à intégrer à Flutter. Dans ce chapitre, nous allons explorer comment implémenter l'authentification Firebase dans une application Flutter.

Configuration de Firebase

Avant de commencer, nous devons configurer Firebase. Tout d'abord, créez un nouveau projet Firebase et suivez les instructions pour ajouter Firebase à votre application Flutter. Assurez-vous d'activer la méthode d'authentification par e-mail et par mot de passe dans les paramètres d'authentification Firebase.

Installation du package Flutter

Pour utiliser l'authentification Firebase, nous devons installer le package firebase_auth. Ajoutez la ligne suivante à votre fichier pubspec.yaml et exécutez « flutter packages get » dans le terminal :

dépendances : firebase_auth : ^0.18.4

Création de l'interface utilisateur

Créons une interface utilisateur simple avec deux champs de texte pour l'e-mail et le mot de passe et deux boutons pour la connexion et l'enregistrement. Pour simplifier les choses, nous ne traiterons pas de la validation des formulaires dans cet exemple.

Champ de texte( décoration : InputDecoration ( labelText : 'E-mail', ), onChanged : (valeur) { email = valeur ; }, ), Champ de texte( décoration : InputDecoration ( labelText : 'Mot de passe', ), texte obscur : vrai, onChanged : (valeur) { mot de passe = valeur ; }, ), Bouton surélevé ( enfant : Text('Connexion'), onPressed : connexion, ), Bouton surélevé ( enfant : Texte('S'inscrire'), onPressed : s'inscrire, ),

Authentification Firebase

Implémentons maintenant les fonctions de connexion et d'enregistrement. Tout d'abord, nous devons créer une nouvelle instance de FirebaseAuth :

Continuez dans notre application.

• Écoutez le fichier audio avec l'écran éteint.
• Obtenez un certificat à la fin du programme.
• Plus de 5000 cours à découvrir !

Ou poursuivez votre lecture ci-dessous...

Téléchargez l'application

final FirebaseAuth auth = FirebaseAuth.instance ;

La fonction de connexion tente d'authentifier un utilisateur avec l'e-mail et le mot de passe fournis. Si l'authentification réussit, l'utilisateur est automatiquement connecté à l'application et peut accéder aux fonctionnalités protégées.

Future signIn() async { essayer { UserCredential userCredential = attendre auth.signInWithEmailAndPassword( e-mail : e-mail, mot de passe : mot de passe, ); } sur FirebaseAuthException catch (e) { if (e.code == 'utilisateur introuvable') { print('Aucun utilisateur trouvé pour cet e-mail.'); } else if (e.code == 'mauvais mot de passe') { print('Mauvais mot de passe fourni pour cet utilisateur.'); } } }

La fonction d'enregistrement crée un nouveau compte utilisateur avec l'e-mail et le mot de passe fournis. Si la création du compte réussit, l'utilisateur sera automatiquement connecté à l'application.

Future register() async { essayer { UserCredential userCredential = attendre auth.createUserWithEmailAndPassword( e-mail : e-mail, mot de passe : mot de passe, ); } sur FirebaseAuthException catch (e) { if (e.code == 'mot de passe faible') { print('Le mot de passe fourni est trop faible.'); } else if (e.code == 'email-déjà utilisé') { print('Le compte existe déjà pour cet email.'); } } attraper (e) { imprimer(e); } }

Conclusion

Avec cela, vous devez avoir une compréhension de base de la façon d'implémenter l'authentification Firebase dans une application Flutter. L'authentification Firebase offre de nombreuses autres fonctionnalités, telles que l'authentification téléphonique, la connexion Google, la connexion Facebook et bien plus encore. Nous espérons que ce chapitre vous a fourni une base solide pour explorer ces fonctionnalités par vous-même.