Používání GetX pro ověřování ve flutteru

V tomto příběhu zaměříme se hlavně na to, jak můžeme pomocí getX ověřovat uživatele

(Anubhav Gupta)

Úvod

Hej, vývojáři !! Vím, že jste všichni museli slyšet o balíčku GetX State Management při práci s flutterem. Takže dnes vám řeknu, jak můžeme použít aplikaci GetX ve vaší flutterové aplikaci k ověřování uživatelů.

Předpokládám, že zde víte, jak do svého projektu přidat firebase. Pokud tak neučiníte toto:

(

Používání Firebase Firestore ve Flutteru

Načítání dat z cloudového FireStore

medium.com

)

Předpoklad

  • Flutter
  • Firebase
  • GetX

Počáteční nastavení

Než se ponoříme, Nezapomeňte tyto balíčky přidat do svého projektu.

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

Povolit ověřování Firebase

Přejít na možnost Ověřování v části Rozvoj v Řídicí panel projektu Firebase.

Jak můžete viz, všechny metody ověřování jsou ve výchozím nastavení zakázány. Prozatím povolte e-mail / heslo, abychom jej mohli začít používat k registraci účtu. Protože povolujeme pouze tohoto poskytovatele, můžeme se zaregistrovat a přihlásit pouze pomocí e-mailu a hesla.

Vytvořit nový projekt třepetání

Pokračujte v otevírání svého oblíbeného IDE (VScode nebo Android) Studio) a vytvořte novou flutterovou aplikaci a zadejte název, který si vyberete, a uložte jej někam na místní disk.

Odstraňte výchozí vygenerovaný kód pro aplikaci čítače a vytvořte hlavní funkci, která spustí náš Get Material aplikace.

Ve výše uvedeném kódu máme AuthBinding. Pojďme „s vytvořit naši vazbu

Třída vazby je třída, která odděluje vkládání závislostí, zatímco „vazba“ směruje ke správci stavu a správci závislostí. To umožňuje zjistit, která obrazovka se zobrazuje, když se používá konkrétní řadič, a vědět, kde a jak ji zlikvidovat Kromě toho vám třída Vazba umožní mít kontrolu nad konfigurací SmartManageru. Závislosti můžete nakonfigurovat tak, aby byly uspořádány při odebrání trasy ze zásobníku, nebo když je rozložen widget, který ji použil, nebo žádný. Budete mít inteligentní závislost Správa pracuje pro vás, ale i tak si ji můžete nakonfigurovat, jak chcete.

Nyní přejdeme k vytvoření našeho řadiče autentizace, kde budeme mít dvě metody

  • vytvořit uživatele
  • přihlásit se
  • odhlásit se

Zde se zpočátku zavazujeme k uživateli firebase stream, který nás upozorní na změnu stavu ověření. Pak máme své tři asynchronní metody pro přihlášení, přihlášení, a Odhlašujeme se.

vytvořili jsme instanci firebase auth a definovali getter pro uživatele firebase.

Máme našeho správce připraveno k použití.

Přihlašovací obrazovka:

Zde budeme mít 4 textová pole a jedno tlačítko Icon.

Pojďme aplikovat naši závislost:
Get má jednoduchý a výkonný správce závislostí, který vám umožní načíst stejnou třídu jako váš blok nebo řadič pomocí pouze 1 řádek kódu, žádný kontext poskytovatele, žádný inheritedWidget:

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

což nám pomůže používat náš ovladač.

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

Uvnitř funkce onPressed s pomocí autorizovaného ovladače voláme naši metodu od našeho správce třída. která bude odpovídat pa ssword a také zkontroluje, zda je vyplněný e-mail prázdný nebo ne, pokud ne, pokud se shodují, metoda createUserWithEmailAndPassword FirebaseAuth instance se používá k přihlášení nového uživatele.

Nyní, když máte registrovaného uživatele, je čas se naučit, jak se přihlašovat pomocí e-mailu a hesla.

Přihlašovací obrazovka:

Podobně jako výše jsme použili ovladač, který zde použijeme k injekci a také k volání metody přihlášení.

Tato metoda předá e-mail a heslo Firebase k ověření a načte objekt FirebaseUser.

Děkujeme za přečtení. Pokud vám tento článek pomohl. Pak příspěvek co nejvíce zatleskejte, abyste projevili svou podporu a motivovali mě k dalšímu psaní.

Neváhejte se s námi spojit:
A přečtěte si další články z FlutterDevs.com .

FlutterDevs tým vývojářů Flutter pro vytváření vysoce kvalitních a funkčně bohatých aplikací. Najměte si vývojáře flutterů pro svůj projekt mobilní aplikace Flutter napříč platformami na hodinu nebo na plný úvazek podle vašich požadavků! Můžete se s námi spojit na Facebooku , GitHub , Twitter a LinkedIn pro jakékoli dotazy související s chvěním.

We uvítací zpětná vazba a doufám, že sdílíte to, na čem pracujete pomocí # FlutterDevs . Opravdu si užíváme, jak používáte Flutter k vytváření krásných interaktivních webových zážitků.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *