Flutter에서 Parse SDK를 사용한 비밀번호 재설정 구현

flutter 앱에 사용자 비밀번호 재설정 추가하는 방법 소개 시스템에 비밀번호를 도입하면 사용자가 비밀번호를 잊어버리는 것은 사실입니다 parse server는 사용자가 안전하게 비밀번호를 재설정할 수 있는 방법을 제공합니다 비밀번호 재설정 흐름은 사용자의 이메일 주소를 가져오고 requestpasswordreset requestpasswordreset 메서드를 호출하는 것으로 시작됩니다 parse user parse user 클래스에서 이것은 주어진 이메일을 사용자 이메일 또는 사용자 이름 필드와 일치시키려고 시도하고 비밀번호 재설정 이메일을 보냅니다 이렇게 하면 사용자가 이메일을 사용자 이름으로 사용할 수 있도록 선택하거나 별도로 수집하여 이메일 필드에 저장할 수 있습니다 비밀번호 재설정 흐름은 다음과 같습니다 사용자가 이메일을 입력하여 비밀번호 재설정을 요청합니다 back4app이 그들의 주소로 특별한 비밀번호 재설정 링크가 포함된 이메일을 보냅니다 사용자가 재설정 링크를 클릭하면 새로운 비밀번호를 입력하기 위해 특별한 back4app 페이지로 이동합니다 사용자가 새로운 비밀번호를 입력합니다 이제 그들의 비밀번호는 그들이 지정한 값으로 재설정되었습니다 이 가이드에서는 parse server용 flutter 플러그인 을 사용하여 flutter 앱에서 사용자 비밀번호 재설정 기능을 구현하는 방법을 배웁니다 parseuser parseuser 클래스를 사용하여 목표 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에서 실행되는 장치(시뮬레이터 아님) 비밀번호 재설정 프로세스 이해하기 비밀번호 재설정 프로세스를 더 잘 이해하기 위해, 우리는 이전 가이드에서 시작한 애플리케이션의 개발을 계속하고 기능을 구현할 것입니다 이 가이드의 주요 초점이 flutter와 parse를 사용하는 것이기 때문에 flutter 애플리케이션 코드를 설명하지 않을 것입니다 다음 단계를 따르면 back4app 데이터베이스에서 로그인 및 로그아웃 앱을 구축할 수 있습니다 시작해봅시다! 다음 단계에서는 애플리케이션에서 비밀번호 재설정 기능을 구축할 수 있습니다 1 로그인/로그아웃/비밀번호 재설정 앱 프로젝트 열기 이전 가이드에서 flutter 프로젝트 열기 현재 세션의 사용자 가져오기 https //www back4app com/docs/flutter/parse sdk/flutter current user%22 main dart main dart 파일로 이동합니다 2 비밀번호 재설정 코드 비밀번호 재설정 흐름을 시작하려면 사용자의 이메일이 필요합니다 douserresetpassword douserresetpassword 함수를 main dart main dart 파일에서 검색합니다 douserresetpassword douserresetpassword 내부의 코드를 다음으로 교체합니다 1 final parseuser user = parseuser(null, null, controlleremail text trim()); 2 final parseresponse parseresponse = await user requestpasswordreset(); 3 if (parseresponse success) { 4 message showsuccess( 5 context context, 6 message 'password reset instructions have been sent to email!', 7 onpressed () { 8 navigator of(context) pop(); 9 }); 10 } else { 11 message showerror(context context, message parseresponse error! message); 12 } 이 기능을 구축하려면 다음 단계를 따르세요 새로운 parseuser parseuser 클래스 인스턴스를 다음 명령으로 생성합니다 parseuser(null, null, controlleremail text trim()); parseuser(null, null, controlleremail text trim()); 이메일 필드는 필수이며 다른 필드는 null을 사용할 수 있습니다 복구 이메일을 보내기 위해 user requestpasswordreset user requestpasswordreset 함수를 호출합니다 완전한 함수는 다음과 같아야 합니다 1 void douserresetpassword() async { 2 final parseuser user = parseuser(null, null, controlleremail text trim()); 3 final parseresponse parseresponse = await user requestpasswordreset(); 4 if (parseresponse success) { 5 message showsuccess( 6 context context, 7 message 'password reset instructions have been sent to email!', 8 onpressed () { 9 navigator of(context) pop(); 10 }); 11 } else { 12 message showerror(context context, message parseresponse error! message); 13 } 14 } 테스트하려면, android studio/vscode에서 실행 실행 버튼을 클릭하세요 클릭하세요 비밀번호 재설정 비밀번호 재설정 버튼 다음 화면에서 사용자의 이메일을 입력하고 다시 비밀번호 재설정 비밀번호 재설정 버튼을 클릭하세요 완료되었습니다! 이 가이드를 마치면, back4app을 통해 parse server의 핵심 기능을 사용하여 앱의 비밀번호 재설정 기능을 구현할 수 있습니다!