플러터 이메일 인증 구현 가이드

플러터를 위한 사용자 이메일 인증 소개 애플리케이션의 설정에서 이메일 인증을 활성화하면 애플리케이션은 확인된 이메일 주소를 가진 사용자에게 경험의 일부를 예약할 수 있습니다 이메일 인증은 emailverified emailverified 키를 parseuser parseuser 객체에 추가합니다 parseuser parseuser 이메일이 설정되거나 수정되면, emailverified emailverified 는 false false 로 설정됩니다 그런 다음 parse는 사용자에게 emailverified emailverified 를 true true 로 설정하는 링크를 이메일로 보냅니다 고려해야 할 세 가지 emailverified emailverified 상태가 있습니다 true 사용자가 parse가 이메일로 보낸 링크를 클릭하여 이메일 주소를 확인했습니다 false parseuser parseuser 객체가 마지막으로 가져왔을 때, 사용자가 이메일 주소를 확인하지 않았습니다 만약 emailverified emailverified 가 false false 라면, parseuser에서 getupdateduser() getupdateduser() 를 호출하는 것을 고려하세요 missing 이 가이드에서는 사용자 등록 기능(가입)에 사용자 이메일 확인 프로세스를 설정하는 방법을 배웁니다 이메일 확인이 포함된 사용자 등록을 사용하는 앱을 만들 것입니다 parse server 핵심 기능 https //www back4app com/product/parse server 을 통해 back4app을 사용합니다 사용자 등록을 구현하는 데 사용한 동일한 방법을 사용하지만, 사용자를 로그인 화면으로 리디렉션하는 대신 사용자가 로그인하기 위해 이메일을 확인하도록 요청합니다 목표 flutter 앱을 위한 parse를 사용하여 사용자 확인 이메일 프로세스 기능을 구축합니다 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 flutter 버전 2 2 x 이상 https //flutter dev/docs/get started/install android studio https //developer android com/studio 또는 vs code 설치 (및 플러그인 dart 및 flutter) 이전 가이드에서 생성된 flutter 앱 참고 사용자 비밀번호 재설정 구현 방법 이전 가이드를 완료하여 parseuser parseuser 클래스에 대한 더 나은 이해를 얻으세요 android 또는 ios를 실행하는 장치(시뮬레이터 아님) 이메일 인증 기능 이해하기 이메일 인증 기능을 더 잘 이해하기 위해, 우리는 이전 가이드에서 시작한 애플리케이션의 개발을 계속하고 기능을 구현할 것입니다 이 가이드의 주요 초점이 parse와 함께 flutter를 사용하는 것이기 때문에 flutter 애플리케이션 코드를 설명하지 않을 것입니다 다음 단계를 따르면 back4app 데이터베이스에서 로그인 및 로그아웃 앱을 구축하게 됩니다 시작해봅시다! 다음 단계에서는 앱에서 이메일 확인 기능을 구축할 수 있습니다 1 이메일 확인 활성화 이제 back4app 대시보드에서 이메일 확인을 활성화하겠습니다 이메일 확인 페이지에는 두 가지 속성이 있습니다 사용자 이메일 확인 사용자 이메일 확인 및 이메일이 확인되지 않은 경우 로그인 방지 이메일이 확인되지 않은 경우 로그인 방지 사용자 이메일 확인 옵션만 활성화하면 사용자는 확인 이메일을 받지만 정상적으로 로그인하고 애플리케이션을 사용할 수 있습니다 또한 이메일이 확인되지 않은 경우 로그인 방지 이메일이 확인되지 않은 경우 로그인 방지 옵션을 활성화하면 사용자는 이메일 확인 프로세스를 완료한 후에만 로그인할 수 있습니다 앱으로 이동하여 back4app 웹사이트 https //www back4app com/ 를 클릭하고 서버 설정 서버 설정 을 클릭합니다 확인 이메일 카드 찾기 및 클릭 확인 이메일 카드 찾기 및 클릭 설정` 3\ 사용자 이메일 확인 사용자 이메일 확인 및 이메일이 확인되지 않은 경우 로그인 방지 이메일이 확인되지 않은 경우 로그인 방지 을 클릭합니다 4\ 선택 사항 비어 있는 필드를 채우고 이미 채워진 필드를 선호에 따라 수정하십시오 5\ 저장 저장 버튼을 클릭하십시오 2 로그인/로그아웃/비밀번호 재설정 앱 업데이트 이전 가이드에서 flutter 프로젝트를 엽니다 flutter 앱에 사용자 비밀번호 재설정을 추가하는 방법 https //www back4app com/docs/flutter/parse sdk/users/flutter reset password 파일에서 douserregistration douserregistration 함수를 검색하십시오 main dart main dart 함수 user signup() user signup() ; 호출 후, user logout() user logout() 함수를 호출하여 사용자가 이메일이 확인될 때까지 로그인하지 않도록 합니다 사용자에게 메일함을 확인하라는 메시지를 업데이트하고 사용자를 홈 화면으로 리디렉션합니다 코드 내부의 douserregistration douserregistration 을(를) 다음으로 교체하십시오 1 void douserregistration() async { 2 final username = controllerusername text trim(); 3 final email = controlleremail text trim(); 4 final password = controllerpassword text trim(); 5 6 final user = parseuser createuser(username, password, email); 7 8 var response = await user signup(); 9 10 if (response success) { 11 message showsuccess( 12 context context, 13 message 'user was successfully created! please verify your email before login', 14 onpressed () async { 15 navigator pop(context); 16 }); 17 } else { 18 message showerror(context context, message response error! message); 19 } 20 } 참고 signup 함수에 대한 코드는 이전에 설명되었습니다 3 회원가입 테스트 테스트하려면 android studio/vscode에서 실행 실행 버튼을 클릭하십시오 등록 프로세스를 수행하고 버튼을 클릭하세요 가입하기 가입하기 가입 후, 우리는 다음과 같은 이메일을 받을 것입니다 이메일을 확인하기 위한 링크를 클릭한 후, parse 대시보드에서 속성이 true로 설정됩니다 4 로그인 이메일 확인으로 로그인을 구현하려면, 사용자 로그인 가이드 https //www back4app com/docs/flutter/parse sdk/users/flutter login 에 설명된 대로 parse 사용자 로그인을 구현하면 됩니다 2단계에서 ‘이메일이 확인되지 않은 경우 로그인 방지’ 옵션을 활성화한 경우, 이메일을 확인하지 않고 로그인하려고 하면 다음과 같은 오류가 발생합니다 완료되었습니다! 이 단계에서, parse server의 핵심 기능을 통해 이메일 확인을 사용하여 앱에 로그인, 가입 또는 로그아웃할 수 있습니다!