Utilizzo di GetX per lautenticazione in Flutter

In questa storia, ci concentreremo principalmente su come possiamo utilizzare getX per autenticare gli utenti

(Anubhav Gupta)

Introduzione

Ehi, sviluppatori !! So che tutti voi dovete aver sentito parlare del pacchetto GetX State Management mentre lavoravate con flutter. Quindi, oggi ti dirò come possiamo usare GetX nella tua app flutter per autenticare gli utenti.

Presumo che qui tu sappia come aggiungere Firebase al tuo progetto. Se non lo fai, allora prosegui questo:

(

Utilizzo di Firebase Firestore in Flutter

Recupero dei dati da cloud firestore

medium.com

)

Prerequisito

  • Flutter
  • Firebase
  • GetX

Configurazione iniziale

Prima di immergerci, don non dimenticare di aggiungere questi pacchetti al tuo progetto.

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

Abilita autenticazione Firebase

Vai allopzione Autenticazione allinterno della sezione Sviluppo del Dashboard del progetto Firebase.

Come puoi vedi, tutti i metodi di autenticazione sono, per impostazione predefinita, disabilitati. Per ora, abilita Email / Password in modo che possiamo iniziare a usarlo per registrare un account. Dato che stiamo abilitando solo questo provider, possiamo registrarci e accedere solo con une-mail e una password.

Crea un nuovo progetto Flutter

Apri il tuo IDE preferito (VScode o Android Studio) e crea una nuova app flutter e dai un nome a tua scelta e salvalo da qualche parte nel tuo disco locale.

Elimina il codice generato di default per lapp contatore e crea una funzione principale che eseguirà il nostro Ottieni materiale app.

Nel codice sopra, abbiamo il nostro AuthBinding. Lascia che “s crei la nostra associazione

Il La classe di binding è una classe che disaccoppierà linserimento delle dipendenze, mentre il “binding” indirizza al gestore di stato e al gestore delle dipendenze. Ciò consente di conoscere quale schermata viene visualizzata quando viene utilizzato un determinato controller e di sapere dove e come eliminarla . Inoltre, la classe Binding ti consentirà di avere il controllo della configurazione di SmartManager. Puoi configurare le dipendenze da organizzare quando rimuovi una rotta dallo stack, o quando il widget che lo ha utilizzato è disposto, o nessuno dei due. Avrai dipendenze intelligenti gestione che funziona per te, ma anche così, puoi configurarlo come desideri.

Ora passiamo a Crea il nostro controller di autenticazione dove avrà due metodi

  • crea utente
  • login
  • esci

Qui inizialmente ci colleghiamo allutente di Firebase stream che ci notificherà la modifica dello stato di autenticazione. Poi abbiamo i nostri tre metodi asincroni per registrazione, accesso, e Esci.

abbiamo creato unistanza di firebase auth e definito un getter per gli utenti di firebase.

Abbiamo il nostro controller pronto per luso.

Schermata di registrazione:

Qui avremo 4 campi di testo e un pulsante Icona.

Iniettiamo la nostra dipendenza:
Get ha un semplice e potente gestore delle dipendenze che ti permette di recuperare la stessa classe del tuo blocco o controller con solo 1 riga di codice, nessun contesto del provider, nessun widget ereditato:

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

che ci aiuterà a utilizzare il nostro controller.

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

Allinterno della funzione onPressed con laiuto di authcontroller stiamo chiamando il nostro metodo dal nostro controller class. che corrisponderà alla pa ssword e controlla anche se lemail archiviata è vuota o meno, in caso contrario Se corrispondono, il metodo createUserWithEmailAndPassword di FirebaseAuth an listanza viene utilizzata per registrare un nuovo utente.

Ora che hai un utente registrato , è il momento di imparare come accedere agli utenti utilizzando un indirizzo email e una password.

Schermata di accesso:

Allo stesso modo, come sopra, abbiamo utilizzato il controller che useremo qui per iniettare e anche per chiamare il metodo di accesso.

Questo metodo consente di passare lemail e la password a Firebase per lautenticazione e recuperare loggetto FirebaseUser.

Grazie per aver letto. Se hai trovato utile questo articolo. Quindi applaudi 👏 il post il più possibile per mostrare il tuo sostegno e motivarmi a scrivere di più.

Non esitare a contattarci:
e leggi altri articoli di FlutterDevs.com .

FlutterDevs team di sviluppatori Flutter per creare app di alta qualità e ricche di funzionalità. Assumi uno sviluppatore flutter per il tuo progetto di app mobile Flutter multipiattaforma su base oraria o a tempo pieno secondo le tue esigenze! Puoi metterti in contatto con noi su Facebook , GitHub , Twitter e LinkedIn per qualsiasi domanda relativa a flutter.

Noi benvenuto feedback e spero che condividerai ciò su cui stai lavorando utilizzando # FlutterDevs . Ci fa davvero piacere vedere come utilizzi Flutter per creare bellissime esperienze web interattive.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *