Android 사용자 등록 및 이메일 인증 구현 방법
이메일 인증을 통한 사용자 등록 구현 방법
소개
이 가이드에서는 사용자 등록 기능(가입)에 사용자 이메일 인증 프로세스를 설정하는 방법을 배웁니다. Parse Server 핵심 기능을 사용하여 이메일 인증이 포함된 앱을 생성합니다.
이 튜토리얼은 buildToolsVersion=30.0.3 , Compile SDK Version = 30 및 targetSdkVersion 30
언제든지 GitHub 리포지토리를 통해 전체 프로젝트에 접근할 수 있습니다.
목표
사용자 가입 기능에서 Back4App에 사용자 인증 이메일 프로세스를 설정합니다.
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
1 - 라이브러리 가져오기
이 단계에서는 프로젝트에서 사용할 라이브러리를 가져옵니다:
- 다음 Parse 클래스를 우리의 활동에 추가합니다.
2. 다음을 추가해야 합니다 Java 1.8 프로젝트에 build.gradle(Module:App) 왜냐하면 이 프로젝트에서 람다 함수를 자주 사용할 것이기 때문입니다.
1 compileOptions {
2 sourceCompatibility JavaVersion.VERSION_1_8
3 targetCompatibility JavaVersion.VERSION_1_8
4 }2 - 이메일 인증 활성화
이제 Back4App 대시보드에서 이메일 인증을 활성화합시다. 이메일 인증 페이지에는 두 가지 속성이 있습니다: 사용자 이메일 인증 및 이메일이 인증되지 않은 경우 로그인 방지. 사용자 이메일 인증 옵션만 활성화하면 사용자는 인증 이메일을 받지만 정상적으로 로그인하고 애플리케이션을 사용할 수 있습니다. “이메일이 인증되지 않은 경우 로그인 방지” 옵션도 활성화하면 사용자는 이메일 인증 프로세스를 완료한 후에만 로그인할 수 있습니다.
1. Back4App 웹사이트로 이동하여 서버 설정을 클릭합니다.
2. “검증 이메일” 카드를 찾아 설정을 클릭합니다.
3. 사용자 이메일 검증을 클릭하고 이메일이 검증되지 않은 경우 로그인 방지을 클릭합니다.
4. 선택 사항: 빈 필드를 채우고 이미 채워진 필드를 선호에 따라 수정합니다.
5. 저장 버튼을 클릭합니다.
3 - 가입하기
두 가지 기본 속성은 ParseUser 클래스는 사용자 이름과 비밀번호입니다. 또한 설정해야 할 세 번째 특별 속성이 있습니다. 즉, 이메일입니다. 이메일 확인을 통한 회원가입을 구현하기 위해, 사용자 등록을 구현할 때 사용했던 것과 동일한 방법을 사용할 것입니다. 그러나 이번에는 사용자를 로그인 화면으로 리디렉션하는 대신, 사용자가 로그인하기 위해 이메일을 확인하도록 요청할 것입니다. 회원가입 프로세스를 완료한 후, 사용자는 데이터베이스에 저장됩니다. 사용자 데이터는 Parse Dashboard에서 mailVerified Boolean 속성이 false로 설정된 상태로 사용 가능합니다. 확인 이메일 프로세스는 사용자의 이메일을 확인하고 이 속성을 true로 설정하여 사용자가 앱의 모든 리소스에 완전히 접근할 수 있도록 하는 것입니다. 회원가입 화면은 다음과 같이 보일 것입니다:
다음 단계를 따라 SignUpActivity 작업을 생성하십시오: 1. SignUpActivity,에 추가하여 1단계:의 종속성을 가져옵니다.
2. 다음 코드를 사용하여 사용자 등록을 구현합니다:
1 private fun signUp(username: String, password: String, email: String) {
2 progressDialog?.show()
3 val user = ParseUser()
4 user.username = username
5 user.setPassword(password)
6 user.email = email
7 user.signUpInBackground(SignUpCallback {
8 progressDialog?.dismiss()
9 if (it == null) {
10 ParseUser.logOut();
11 showAlert("Account Created Successfully!","Please verify your email before Login", false)
12 } else {
13 ParseUser.logOut();
14 showAlert("Error Account Creation failed","Account could not be created" + " :" + it.message,true)
15 }
16 })
17 }예제 프로젝트에서 이 코드는 회원가입 버튼 콜백 안에 있습니다. 또한, 사용자 이름, 비밀번호 및 이메일은 Edit Texts를 사용하여 입력됩니다.
이메일 주소가 유효한지 확인하는 코드를 추가한 후 프론트 엔드에 설정할 수 있습니다. 마지막으로, 피드백을 제공하는 코드를 추가할 수 있습니다.
가입을 마친 후 다음 메시지를 볼 수 있습니다… :
3. 경고 대화 상자를 표시하는 추가 방법을 추가하는 것이 흥미롭습니다. 프로세스를 더 전문적으로 보이게 만들 수 있습니다. 다음은 이를 수행하는 방법입니다:
1 private fun showAlert(title: String, message: String, error: Boolean) {
2 val builder = AlertDialog.Builder(this)
3 .setTitle(title)
4 .setMessage(message)
5 .setPositiveButton("OK") { dialog, which ->
6 dialog.cancel()
7 // don't forget to change the line below with the names of your Activities
8 if (!error) {
9 val intent = Intent(this@SignUpActivity, LoginActivity::class.java)
10 intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK or Intent.FLAG_ACTIVITY_NEW_TASK)
11 startActivity(intent)
12 }
13 }
14 val ok = builder.create()
15 ok.show()
16 }가입 후 우리는 다음과 같은 이메일을 받을 것입니다:
이메일을 확인한 후 속성이 true로 설정됩니다:
이메일을 확인한 후 속성이 true로 설정됩니다:
4 - 로그인
이메일 인증으로 로그인을 구현하려면, 기본 사용자 등록. 하지만 이번에는 Parse가 사용자가 추가 접근을 허용하기 전에 emailVerified 불리언을 확인합니다.
참고: 사용자가 실제로 로그인하는 것은 ParseUser.logInInBackground() 함수가 호출될 때입니다. 하지만 이메일 인증이 완료될 때까지는 앱에 완전히 접근할 수 없습니다. 데이터베이스에 생성된 세션 객체 때문입니다. 따라서 이메일을 인증하지 않은 사용자가 애플리케이션에 접근하려고 할 때마다 ParseUser.logout() 을 사용하는 것이 중요합니다. 그렇지 않으면 세션 이 열려 있게 됩니다.
2단계에서 ‘이메일이 인증되지 않은 경우 로그인 방지’ 옵션을 활성화한 경우, 이메일을 인증하지 않고 로그인하려고 하면 다음과 같은 오류가 발생합니다.
LoginActivity 가 작동하도록 하려면, 다음 단계를 따르세요: 1. LoginActivity, 1단계에서 가져온 종속성과 함께 가져옵니다.
2. 사용자 로그인 기능을 구현하려면 다음 코드를 사용하세요:
1 private fun login(username: String, password: String) {
2 progressDialog?.show()
3 ParseUser.logInInBackground(username,password) { parseUser: ParseUser?, e: ParseException? ->
4 progressDialog?.dismiss()
5 if (parseUser != null) {
6 showAlert("Login Successful", "Welcome, $username!", false)
7 } else {
8 ParseUser.logOut()
9 showAlert("Login Fail", e?.message + " Please try again", true)
10 }
11 }
12 }예제 프로젝트에서 이 코드는 로그인 버튼 콜백에 배치되어 있습니다. 또한, 사용자 이름과 비밀번호는 Edit Text를 사용하여 입력받습니다.
메서드 alertDisplayer 는 SignUpActivity에 추가한 것과 동일합니다. Intent 인수도 변경하는 것을 잊지 마세요.
5 - 로그 아웃
사용자 로그 아웃을 구현하려면 아래 코드를 사용하세요, LogoutActivity:
1 progressDialog!!.show()
2 ParseUser.logOutInBackground { e: ParseException? ->
3 progressDialog!!.dismiss()
4 if (e == null)
5 showAlert("So, you're going...", "Ok...Bye-bye then")
6 }예제 프로젝트에서 이 코드는 로그 아웃 버튼 콜백 안에 있습니다.
메서드 alertDisplayer 는 당신이 LoginActivity 와 SignUpActivity, 그 Intent 인수들을 변경하는 것을 잊지 마세요.
6 - 앱 테스트하기
앱을 실행하고, 몇 명의 사용자를 생성한 후, 등록 후 이메일을 확인하지 않고 로그인해 보세요.
1. 앱을 실행하고, 몇 명의 사용자를 생성한 후, 이메일을 확인하지 않고 등록 후 로그인해 보세요.
2. Back4App 웹사이트.
3. 앱을 찾아서 대시보드 > 코어 > 브라우저 > 사용자 를 클릭하여 생성한 사용자를 확인하세요!
완료되었습니다!
이 단계에서, Parse Server의 핵심 기능을 통해 Back4App을 사용하여 이메일 인증으로 앱에 로그인, 가입 또는 로그아웃할 수 있습니다!