Brug af GetX til godkendelse i fladder

I denne historie, vi vil primært fokusere på, hvordan vi kan bruge getX til at godkende brugere

(Anubhav Gupta)

Introduktion

Hej, devs !! Jeg ved, at alle skal have hørt om GetX State Management-pakken, mens du arbejder med flagren. Så i dag vil jeg fortælle dig, hvordan vi kan bruge GetX i din fladder-app til at godkende brugere.

Jeg antager her, at du ved, hvordan du tilføjer firebase til dit projekt. Hvis du ikke går igennem dette:

(

Brug af Firebase Firestore i Flutter

Henter data fra cloud firestore

medium.com

)

Forudsætning

  • Flutter
  • Firebase
  • GetX

Første opsætning

Inden vi dykker ind, skal du ikke glem ikke at tilføje disse pakker til dit projekt.

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

Aktivér Firebase-godkendelse

Gå til godkendelsesindstillingen i afsnittet Udvikling af Firebase-projekt dashboard.

Som du kan se, alle godkendelsesmetoder er som standard deaktiveret. For øjeblikket skal du aktivere e-mail / adgangskode, så vi kan begynde at bruge den til at registrere en konto. Da vi kun aktiverer denne udbyder, kan vi kun tilmelde og logge ind med en e-mail og adgangskode.

Opret et nyt Flutter-projekt

Fortsæt med at åbne din foretrukne IDE (VScode eller Android) Studio) og opret en ny flutter-app, og giv et navn dit valg, og gem det et eller andet sted på din lokale disk.

Slet den standardgenererede kode til tællerappen, og opret en hovedfunktion, der kører vores Get Material app.

I ovenstående kode har vi vores AuthBinding. Lad “s skabe vores binding

The Bindende klasse er en klasse, der afkobler afhængighedsindsprøjtning, mens “bindende” ruter til tilstandsadministratoren og afhængighedsstyring. Dette gør det muligt at få at vide, hvilken skærm der vises, når en bestemt controller bruges, og at vide, hvor og hvordan man bortskaffer Desuden giver Binding-klassen dig mulighed for at have SmartManager-konfigurationskontrol. Du kan konfigurere de afhængigheder, der skal arrangeres, når du fjerner en rute fra stakken, eller når den widget, der brugte den, er lagt ud eller ingen af ​​dem. Du vil have intelligent afhængighed ledelse, der arbejder for dig, men alligevel kan du konfigurere det, som du ønsker.

Nu bevæger vi os for at oprette vores Auth Controller, hvor der vil være to metoder

  • opret bruger
  • login
  • log ud

Her er vi oprindeligt bindende til firebase-brugeren stream, som vil underrette os om ændringen af ​​godkendelsesstatus. Så har vi vores tre asynkrone metoder til tilmelding, tilmelding, og Log af.

vi har oprettet en forekomst af firebase-godkendelse og defineret en getter til firebase-brugere.

Vi har vores controller klar til brug.

Tilmeldingsskærm:

Herinde vil vi have 4 tekstfelter og en ikonknap.

Lad os injicere vores afhængighed:
Get har en enkel og effektiv afhængighedsmanager, der giver dig mulighed for at hente den samme klasse som din blok eller controller med kun 1 kodelinje, ingen leverandørkontekst, ingen nedarvet widget:

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

som hjælper os med at bruge vores controller.

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

Inside onPressed-funktion ved hjælp af authcontroller kalder vi vores metode fra vores controller klasse. der matcher pa ssword og kontrollerer også, om den arkiverede e-mail-adresse er tom eller ej, hvis ikke så Hvis de stemmer overens, er metoden createUserWithEmailAndPassword af FirebaseAuth forekomst bruges til at tilmelde en ny bruger.

Nu hvor du har en registreret bruger, er det tid til at lære, hvordan du logger på brugere ved hjælp af en e-mail og en adgangskode.

Login-skærmbillede:

På samme måde, som ovenfor, brugte vi den controller, vi vil bruge her til at injicere og også til at kalde login-metoden.

Denne metode er, hvor du sender e-mail og adgangskode til Firebase til godkendelse og henter FirebaseUser -objektet.

Tak for læsningen. Hvis du fandt denne artikel nyttig. Derefter klapper 👏 indlægget så meget som muligt for at vise din støtte og motivere mig til at skrive mere.

Du er velkommen til at oprette forbindelse til os:
Og læs flere artikler fra FlutterDevs.com .

FlutterDevs team af Flutter-udviklere til at opbygge højkvalitets og funktionelt rige apps. Ansæt flutter-udvikler til dit cross-platform Flutter-mobilapp-projekt på timebasis eller på fuld tid i henhold til dine krav! Du kan oprette forbindelse til os på Facebook , GitHub , Twitter og LinkedIn til alle flagrende relaterede forespørgsler.

Vi velkommen feedback og håber, at du deler det, du arbejder på, ved hjælp af # FlutterDevs . Vi nyder virkelig at se, hvordan du bruger Flutter til at opbygge smukke, interaktive weboplevelser.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *