A GetX használata a hitelesítéshez a csapkodásban

Ebben a történetben elsősorban arra fogunk összpontosítani, hogy miként használhatjuk a getX-et a felhasználók hitelesítéséhez

(Anubhav Gupta)

Bevezetés

Hé, devs !! Tudom, hogy mindannyian biztosan hallottak a GetX State Management csomagról, miközben a csapkodással dolgoztak. Tehát ma elmondom, hogyan használhatjuk a GetX-et a csapkodó alkalmazásodban a felhasználók hitelesítéséhez.

Feltételezem, hogy itt tudod, hogyan adhatsz hozzá firebase-t a projektedhez. Ha nem megy át, ez:

(

Firebase Firestore használata a flutterben

Adatok lekérése a felhő firestore-ból

medium.com

)

Előfeltétel

  • Szóró
  • Firebase
  • GetX

Kezdeti beállítás

Mielőtt belemerülnénk, ne ne felejtse el hozzáadni ezeket a csomagokat a projektjéhez.

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

Engedélyezze a Firebase hitelesítést

Nyissa meg a Hitelesítés opciót a Firebase projekt irányítópultja.

Amint lehet lásd, a hitelesítés minden módja alapértelmezés szerint le van tiltva. Most engedélyezze az E-mail / jelszó lehetőséget, hogy elkezdhessük használni egy fiók regisztrálásához. Mivel csak ezt a szolgáltatót engedélyezzük, csak e-mailben és jelszóval tudunk regisztrálni és bejelentkezni.

Hozzon létre egy új Flutter projektet

Nyissa meg kedvenc IDE-jét (VScode vagy Android) Studio), és hozzon létre egy új csapkodó alkalmazást, adjon egy választott nevet, és mentse el valahová a helyi lemezre.

Törölje a számláló alkalmazás alapértelmezetten létrehozott kódját, és hozzon létre egy fő funkciót, amely futtatja az Anyagok beszerzését alkalmazás.

A fenti kódban megvan a AuthBinding. Hozza létre “s a kötésünket.

A kötelező osztály olyan osztály, amely elválasztja a függőség-injektálást, miközben az útvonalait „összeköti” az állami vezető és a függőség-kezelő felé. Ez lehetővé teszi, hogy megismerje, melyik képernyő jelenik meg, amikor egy adott vezérlőt használnak, és megismerheti, hogy hol és hogyan kell kezelni. . Ezenkívül a Binding osztály lehetővé teszi a SmartManager konfigurációs vezérlésének a beállítását. Beállíthatja az elrendezendő függőségeket, amikor eltávolítja az útvonalat a veremből, vagy amikor az azt használó widget el van helyezve, vagy egyiket sem. Intelligens függőséggel rendelkezik A menedzsment az Ön számára működik, de még így is beállíthatja tetszés szerint.

Most áttérünk az Auth Controller létrehozására, ahol két módszer áll rendelkezésre

  • felhasználó létrehozása
  • bejelentkezés
  • kijelentkezés

Itt kezdetben a Firebase felhasználóhoz vagyunk kötve adatfolyam, amely értesít minket az auth állapot változásáról. Ezután megvan a három aszinkron módszerünk a regisztrációhoz, bejelentkezéshez, és Kijelentkezés.

Létrehoztunk egy firebase-hitelesítési példányt és meghatároztunk egy getter-t a firebase-felhasználók számára.

Megvan a vezérlőnk használatra kész.

Jelentkezési képernyő:

Itt 4 szövegmezővel és egy ikongombbal fogunk rendelkezni.

Adjuk be függőségünket:
A Get egyszerű és hatékony függőségkezelővel rendelkezik, amely lehetővé teszi, hogy ugyanazt az osztályt töltse le, mint a Blokk vagy a Vezérlő csak 1 kódsor, nincs Szolgáltatói kontextus, nincs örökölt Widget:

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

amelyek segítenek a vezérlőnk használatában.

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

In onPressed függvényben az authcontroller segítségével a vezérlőnkből hívjuk meg a módszerünket osztály. amely megfelel a pa ssword, és azt is ellenőrzi, hogy a benyújtott e-mail üres-e vagy sem, ha nem, akkor ha egyeznek, akkor az FirebaseAuth an createUserWithEmailAndPassword módszer a példányt egy új felhasználó regisztrálására használják.

Most, hogy van regisztrált felhasználónk, itt az ideje megtanulni, hogyan kell bejelentkezni a felhasználókba e-mail és jelszó használatával.

Bejelentkezés képernyő:

Hasonlóképpen, a fentiekhez hasonlóan, az itt használt vezérlőt is használtuk az injekció beadására és a bejelentkezési módszer meghívására.

Ezzel a módszerrel továbbítja az e-mailt és a jelszót a Firebase-nek hitelesítés céljából, és lekéri a FirebaseUser objektumot.

Köszönjük, hogy elolvastad. Ha hasznosnak találta ezt a cikket. Ezután csapd meg 👏 a hozzászólást, amennyire csak tudod, hogy megmutasd támogatásodat és motiválj, hogy írjak tovább.

Lépjen kapcsolatba velünk nyugodtan:
És olvasson további cikkeket a következőből: FlutterDevs.com .

FlutterDevs Flutter fejlesztőkből álló csapat kiváló minőségű és funkcionálisan gazdag alkalmazások készítéséhez. Béreljen csapkodó fejlesztőt a többplatformos Flutter mobilalkalmazás-projektjéhez óránkénti vagy teljes munkaidőben, az Ön igényei szerint! Kapcsolatba léphet velünk a Facebookon , GitHub , Twitter és LinkedIn bármilyen csapkodással kapcsolatos kérdéshez.

Mi szívesen fogadja a visszajelzést , és remélem, hogy megosztja, amin dolgozik a # FlutterDevs . Nagyon örülünk, hogy láthatjuk, hogyan használja a Fluttert gyönyörű, interaktív webes élmények kialakításához.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük