Używanie GetX do uwierzytelniania we Flutter

W tej historii skupimy się głównie na tym, jak możemy używać getX do uwierzytelniania użytkowników

(Anubhav Gupta)

Wprowadzenie

Hej, deweloperzy !! Wiem, że wszyscy musieliście słyszeć o pakiecie GetX State Management podczas pracy z flutter. Więc dzisiaj powiem ci, jak możemy używać GetX w twojej aplikacji flutter do uwierzytelniania użytkowników.

Zakładam, że wiesz, jak dodać firebase do swojego projektu. Jeśli tego nie zrobisz, przejdź this:

(

Używanie Firebase Firestore we Flutter

Pobieranie danych z Cloud Firestore

medium.com

)

Warunek wstępny

  • Flutter
  • Firebase
  • GetX

Konfiguracja wstępna

Zanim zaczniemy, nie rób tego nie zapomnij dodać tych pakietów do swojego projektu.

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

Włącz uwierzytelnianie Firebase

Przejdź do opcji uwierzytelniania w sekcji Programowanie w Panel projektu Firebase.

Jak możesz Zobacz, wszystkie metody uwierzytelniania są domyślnie wyłączone. Na razie włącz E-mail / Hasło, abyśmy mogli zacząć używać go do rejestracji konta. Ponieważ włączamy tylko tego dostawcę, możemy zarejestrować się i zalogować tylko za pomocą adresu e-mail i hasła.

Utwórz nowy projekt Flutter

Otwórz swoje ulubione IDE (VScode lub Android Studio) i utwórz nową aplikację typu flutter, nadaj wybraną nazwę i zapisz ją gdzieś na dysku lokalnym.

Usuń domyślny kod wygenerowany dla aplikacji licznika i utwórz główną funkcję, która uruchomi naszą Pobierz materiał app.

W powyższym kodzie mamy AuthBinding. Niech „s utwórz nasze powiązanie

Klasa powiązania to klasa, która oddziela iniekcję zależności, jednocześnie „wiążąc” trasy z menedżerem stanu i menedżerem zależności. Dzięki temu można dowiedzieć się, który ekran jest wyświetlany, gdy używany jest określony kontroler, oraz wiedzieć, gdzie i jak się go pozbyć Poza tym klasa Binding pozwoli ci na kontrolę konfiguracji SmartManager. Możesz skonfigurować zależności, które mają być ustawione podczas usuwania trasy ze stosu lub gdy widżet, który ją używał, jest ułożony, lub nie. Będziesz mieć inteligentną zależność zarządzanie pracuje dla Ciebie, ale mimo to możesz skonfigurować je tak, jak chcesz.

Teraz przechodzimy do tworzenia naszego kontrolera autoryzacji, gdzie będą dostępne dwie metody

  • utwórz użytkownika
  • login
  • wyloguj się

Tutaj początkowo jesteśmy powiązani z użytkownikiem firebase strumień, który powiadomi nas o zmianie stanu autoryzacji. Następnie mamy trzy metody asynchroniczne do rejestracji, logowania, i Wylogowanie.

Utworzyliśmy instancję uwierzytelniania w firebase i zdefiniowaliśmy metodę pobierającą dla użytkowników Firebase.

Mamy nasz kontroler gotowy do użycia.

Ekran rejestracji:

Tutaj będziemy mieć 4 pola tekstowe i jeden przycisk Ikona.

Pozwól” wstrzyknąć naszą zależność:
Get ma prostego i potężnego menedżera zależności, który umożliwia pobranie tej samej klasy, co Twój blok lub kontroler z tylko 1 wiersz kodu, bez kontekstu dostawcy, bez dziedziczonego widgetu:

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

, który pomoże nam używać naszego kontrolera.

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

Wewnątrz funkcji onPressed przy pomocy authcontrollera wywołujemy naszą metodę z naszego kontrolera class. który będzie pasował do pa ssword, a także sprawdza, czy przesłana wiadomość e-mail jest pusta, czy nie, jeśli nie, to Jeśli się zgadzają, metoda createUserWithEmailAndPassword z FirebaseAuth an instancja służy do rejestracji nowego użytkownika.

Teraz, gdy masz już zarejestrowanego użytkownika, czas dowiedzieć się, jak logować użytkowników przy użyciu adresu e-mail i hasła.

Ekran logowania:

Podobnie, jak powyżej, użyliśmy kontrolera, którego użyjemy tutaj do wstrzyknięcia, a także do wywołania metody logowania.

Ta metoda polega na przekazaniu adresu e-mail i hasła do Firebase w celu uwierzytelnienia i pobrania obiektu FirebaseUser.

Dziękuję za przeczytanie. Jeśli uważasz, że ten artykuł był pomocny. Następnie oklaskuj 👏 post tak bardzo, jak możesz, aby pokazać swoje wsparcie i zmotywować mnie do pisania więcej.

Skontaktuj się z nami:
I przeczytaj więcej artykułów z FlutterDevs.com .

FlutterDevs zespół programistów Flutter do tworzenia wysokiej jakości i bogatych w funkcje aplikacji. Zatrudnij programistę Flutter do projektu aplikacji mobilnej Flutter na wiele platform na godziny lub na pełny etat, zgodnie z wymaganiami! Możesz skontaktować się z nami na Facebooku , GitHub , Twitter i LinkedIn w przypadku wszelkich zapytań związanych z trzepotaniem.

mile widziana opinia i mam nadzieję, że podzielisz się tym, nad czym pracujesz, używając # FlutterDevs . Naprawdę cieszy nas obserwowanie, jak korzystasz z Fluttera do tworzenia pięknych, interaktywnych środowisk internetowych.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *