Utilisation de GetX pour lauthentification dans Flutter

Dans cet article, nous allons principalement nous concentrer sur la façon dont nous pouvons utiliser getX pour authentifier les utilisateurs

(Anubhav Gupta)

Introduction

Salut les développeurs !! Je sais que vous devez tous avoir entendu parler du package GetX State Management lorsque vous travaillez avec Flutter. Donc, aujourdhui, je vais vous dire comment nous pouvons utiliser GetX dans votre application Flutter pour authentifier les utilisateurs.

Je suppose ici que vous savez comment ajouter Firebase à votre projet. Si vous ne le faites pas, alors passez par ceci:

(

Utilisation de Firebase Firestore dans Flutter

Récupération de données depuis Cloud Firestore

medium.com

)

Prérequis

  • Flutter
  • Firebase
  • GetX

Configuration initiale

Avant de plonger, ne le faites pas noubliez pas dajouter ces packages à votre projet.

get: ^3.5.1
firebase_auth: ^0.16.1
cloud_firestore: ^0.13.6

Activer lauthentification Firebase

Allez dans loption Authentification dans la section Développer du Tableau de bord du projet Firebase.

Comme vous le pouvez voir, toutes les méthodes dauthentification sont, par défaut, désactivées. Pour linstant, activez Email / Mot de passe afin que nous puissions commencer à lutiliser pour créer un compte. Puisque nous nactivons que ce fournisseur, nous pouvons nous inscrire et nous connecter avec un e-mail et un mot de passe uniquement.

Créer un nouveau projet Flutter

Continuez à ouvrir votre IDE préféré (VScode ou Android Studio) et créez une nouvelle application Flutter et donnez un nom à votre choix et enregistrez-le quelque part dans votre disque local.

Supprimez le code généré par défaut pour lapplication de compteur et créez une fonction principale qui exécutera notre Get Material app.

Dans le code ci-dessus, nous avons notre AuthBinding. Laissez « s créer notre liaison

Le La classe de liaison est une classe qui découplera linjection de dépendances, tandis que la «liaison» est acheminée vers le gestionnaire détat et le gestionnaire de dépendances. Cela permet de savoir quel écran est affiché lorsquun contrôleur particulier est utilisé et de savoir où et comment sen débarrasser . En outre, la classe Binding vous permettra davoir le contrôle de la configuration de SmartManager. Vous pouvez configurer les dépendances à organiser lors de la suppression dun itinéraire de la pile, ou lorsque le widget qui la utilisé est disposé, ou aucun des deux. Vous aurez une dépendance intelligente gestion qui fonctionne pour vous, mais même ainsi, vous pouvez le configurer comme vous le souhaitez.

Maintenant, nous passons à créer notre contrôleur dauthentification où aura deux méthodes

  • créer un utilisateur
  • connexion
  • déconnexion

Ici, dans un premier temps, nous sommes liés à lutilisateur de Firebase stream qui nous informera du changement détat dauthentification. Ensuite, nous avons nos trois méthodes asynchrones pour inscription, connexion, et Déconnexion.

nous avons créé une instance dauthentification Firebase et défini un getter pour les utilisateurs de Firebase.

Nous avons notre contrôleur prêt à lemploi.

Écran dinscription:

Ici, nous allons avoir 4 champs de texte et un bouton Icône.

Injectons notre dépendance:
Get a un gestionnaire de dépendances simple et puissant qui vous permet de récupérer la même classe que votre bloc ou contrôleur avec juste 1 ligne de code, pas de contexte Fournisseur, pas de Widget hérité:

final AuthController _authController = Get.put(AuthController());

ce qui nous aidera à utiliser notre contrôleur.

_authController.createUser(_emailController.text, _passwordController.text, _name.text);

À lintérieur de la fonction onPressed avec laide de lauthcontroller, nous appelons notre méthode depuis notre contrôleur classe qui correspondra au pa ssword et vérifie également si le-mail classé est vide ou non, sinon alors Sils correspondent, la méthode createUserWithEmailAndPassword du FirebaseAuth an linstance est utilisée pour inscrire un nouvel utilisateur.

Maintenant que vous avez un utilisateur enregistré , il est temps dapprendre à se connecter à laide dun e-mail et dun mot de passe.

Écran de connexion:

De même, comme ci-dessus, nous avons utilisé le contrôleur que nous utiliserons ici pour injecter et aussi pour appeler la méthode de connexion.

Cette méthode vous permet de transmettre le-mail et le mot de passe à Firebase pour lauthentification et de récupérer lobjet FirebaseUser.

Merci davoir lu. Si vous avez trouvé cet article utile. Ensuite, applaudissez le message autant que vous le pouvez pour montrer votre soutien et me motiver à écrire plus.

Nhésitez pas à nous contacter:
Et lisez dautres articles de FlutterDevs.com .

FlutterDevs équipe de développeurs Flutter pour créer des applications de haute qualité et riches en fonctionnalités Recrutez un développeur Flutter pour votre projet dapplication mobile multiplateforme Flutter sur une base horaire ou à plein temps selon vos besoins! Vous pouvez nous contacter sur Facebook , GitHub , Twitter et LinkedIn pour toutes les requêtes liées au scintillement.

Nous commentaires de bienvenue et espérons que vous partagerez ce sur quoi vous travaillez en utilisant # FlutterDevs . Nous apprécions vraiment de voir comment vous utilisez Flutter pour créer de superbes expériences Web interactives.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *