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 :

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.

Répondez maintenant à l’exercice sur le contenu :

Quel est le rôle de l'authentification Firebase dans une application Flutter comme décrit dans le texte ?

Tu as raison! Félicitations, passez maintenant à la page suivante

Vous avez raté! Essayer à nouveau.

Image de l'article Authentification Firebase dans Flutter : introduction à Firebase

Page suivante de lebook gratuit :

208Authentification Firebase dans Flutter : introduction à Firebase

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 !

Get it on Google Play Get it on App Store

+ 6,5 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

48 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours gratuits en
vidéo, audio et texte