Flutter에서 인증에 GetX 사용

이 사례에서는 주로 getX를 사용하여 사용자를 인증하는 방법에 초점을 맞출 것입니다

(Anubhav Gupta)

소개

Hey, devs !! Flutter로 작업하는 동안 GetX State Management 패키지에 대해 들어 보셨을 것입니다. 그래서 오늘은 Flutter 앱에서 GetX를 사용하여 사용자를 인증하는 방법을 알려 드리겠습니다.

여기서는 프로젝트에 firebase를 추가하는 방법을 알고 있다고 가정합니다. this :

(

Flutter에서 Firebase Firestore 사용

클라우드 Firestore에서 데이터 가져 오기

medium.com

)

사전 요구 사항

  • Flutter
  • Firebase
  • GetX

초기 설정

시작하기 전에 이러한 패키지를 프로젝트에 추가하는 것을 잊지 마십시오.

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

Firebase 인증 사용

개발 섹션의 인증 옵션으로 이동합니다. Firebase 프로젝트 대시 보드.

가능한 한 모든 인증 방법은 기본적으로 비활성화되어 있습니다. 지금은 이메일 / 비밀번호를 활성화하여 계정 등록을 시작할 수 있습니다. 이 공급자 만 활성화하므로 이메일과 비밀번호로만 가입하고 로그인 할 수 있습니다.

새 Flutter 프로젝트 만들기

좋아하는 IDE (VScode 또는 Android Studio) 새 flutter 앱을 만들고 선택한 이름을 지정하고 로컬 디스크에 저장합니다.

카운터 앱에 대해 생성 된 기본 코드를 삭제하고 Get Material을 실행할 주 함수를 만듭니다. app.

위 코드에는 AuthBinding. 바인딩을 생성

바인딩 클래스는 종속성 주입을 분리하는 클래스로, 상태 관리자와 종속성 관리자에 “바인딩”경로를 지정합니다.이를 통해 특정 컨트롤러를 사용할 때 표시되는 화면을 파악하고 처리 방법을 알 수 있습니다. . 게다가 Binding 클래스를 사용하면 SmartManager 구성을 제어 할 수 있습니다. 스택에서 경로를 제거 할 때 또는 경로를 사용한 위젯이 배치되거나 둘 다 배치되지 않을 때 정렬되도록 종속성을 구성 할 수 있습니다. 지능적인 종속성을 갖게됩니다. 관리가 작동하지만 원하는대로 구성 할 수 있습니다.

이제 두 가지 방법이있는 인증 컨트롤러를 생성합니다.

  • 사용자 만들기
  • 로그인
  • 로그 아웃

처음에는 firebase 사용자와 연결합니다. 인증 상태 변경에 대해 알려줄 스트림입니다. 그런 다음 가입, 로그인, 로그 아웃합니다.

Firebase 인증 인스턴스를 생성하고 Firebase 사용자를위한 getter를 정의했습니다.

컨트롤러가 있습니다. 바로 사용할 수 있습니다.

가입 화면 :

여기에는 4 개의 텍스트 필드와 1 개의 아이콘 버튼이 있습니다.

의존성 주입 :
Get에는 다음을 사용하여 Bloc 또는 Controller와 동일한 클래스를 검색 할 수있는 간단하고 강력한 종속성 관리자가 있습니다. 단 한 줄의 코드, 제공자 컨텍스트, inheritedWidget 없음 :

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

컨트롤러 사용에 도움이됩니다.

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

authcontroller의 도움으로 onPressed 함수 내부에서 우리는 컨트롤러에서 메서드를 호출합니다. PA와 일치하는 클래스 ssword를 입력하고 이메일 필드가 비어 있는지 확인합니다. 그렇지 않은 경우 일치하는 경우 FirebaseAuth의 메소드 createUserWithEmailAndPassword 인스턴스는 새 사용자를 등록하는 데 사용됩니다.

이제 등록 된 사용자가 있으므로 이메일과 비밀번호를 사용하여 사용자를 로그인하는 방법을 배울 차례입니다.

로그인 화면 :

마찬가지로 위와 마찬가지로 여기서 사용할 컨트롤러를 사용하여 로그인 메서드를 삽입하고 호출했습니다.

이 방법은 인증을 위해 이메일과 비밀번호를 Firebase에 전달하고 FirebaseUser 객체를 검색하는 곳입니다.

읽어 주셔서 감사합니다. 이 기사가 도움이 되었다면. 그런 다음 당신의 지원을 보여주고 더 많은 글을 쓰도록 동기를 부여하기 위해 가능한 한 많이 박수를 치십시오.

저희와 자유롭게 연락하십시오.
FlutterDevs.com .

FlutterDevs Flutter 개발자 팀이 고품질의 기능이 풍부한 앱을 구축합니다. 플랫 터 간 Flutter 모바일 앱 프로젝트를위한 Flutter 개발자를 고용 하세요. Facebook , GitHub , Twitter 및 Flutter 관련 검색어에 대한 LinkedIn 입니다.

저희 환영 피드백 및 # FlutterDevs . Flutter를 사용하여 아름다운 대화 형 웹 경험을 구축하는 방법을보고 정말 즐겁습니다.

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다