데브허브 | DEVHUB | Phone Number Authentication Firebase Flutter

Flutter 앱에서 Firebase를 이용한 전화번호 인증 구현 방법을 다룹니다. 📱
데모를 통해 전화번호 입력, OTP 전송 및 인증 과정을 시연합니다. ✅
Riverpod을 상태 관리 도구로 사용하여 확장 가능하고 전문적인 앱 구조를 만듭니다. 🌊
UI는 IntelPhoneField를 활용하여 국가 코드와 함께 전화번호를 입력받습니다. 📞
Firebase 콘솔에서 전화번호 인증 공급자를 활성화해야 합니다. 🔥
OState 모델은 로딩, 오류, 인증 ID, 전화번호 등 인증 관련 상태를 캡슐화합니다. 📦
ONotifier는 StateNotifier를 확장하여 인증 로직과 상태를 관리합니다. ⚙️
sendVerificationCode 함수는 전화번호 유효성 검사 후 Firebase를 통해 OTP를 전송합니다. ✉️
OTP 전송 성공 시 verificationId를 저장하고 OTP 입력 화면으로 이동합니다. 🚀
verifyOTP 함수는 verificationId와 OTP를 사용하여 사용자 인증을 완료합니다. 🔢
인증 과정 중 자동 완료, 실패, 코드 전송, 타임아웃 등 다양한 시나리오를 처리합니다. 🔄
Riverpod의 StateNotifierProvider를 통해 ONotifier를 앱 전체에서 접근 가능하게 합니다. 🔗
UI에서 ConsumerStatefulWidget과 ref.watch(oProvider)를 사용하여 인증 상태를 감시하고 반영합니다. 🎨

로딩 중...