안드로이드 앱 사용자 등록 및 로그인 구현 튜토리얼

17 분

로그인 및 사용자 등록 튜토리얼

소개

이 섹션에서는 Back4App을 사용하여 간단한 사용자 등록으로 앱을 만드는 방법을 살펴보겠습니다.Parse Server 핵심 기능

이 튜토리얼은 buildToolsVersion=30.0.2로 Android Studio 4.1.1에서 생성된 기본 앱을 사용합니다. Compile SDK Version = 30.0.2 및 targetSdkVersion 30

언제든지 이 튜토리얼로 구축된 전체 Android 프로젝트에 대한 액세스를 GitHub 리포지토리에서 확인할 수 있습니다.

목표

Parse를 사용하여 로그인하고 등록하는 방법을 배울 것입니다.

우리가 달성할 목표의 미리보기입니다 :

전제 조건

이 튜토리얼을 완료하기 위해 우리는 다음이 필요합니다:

안드로이드 스튜디오
Back4App에서 생성된 앱.
- 참고: 새 파스 앱 튜토리얼을 따라 Back4App에서 Parse 앱을 만드는 방법을 배우세요.
Back4App에 연결된 안드로이드 앱.
- 참고: Parse SDK 설치 튜토리얼을 따라 Back4App에 연결된 안드로이드 스튜디오 프로젝트를 만드세요.
안드로이드 4.1 (젤리빈) 이상에서 실행되는 장치 (또는 가상 장치)

1 - 라이브러리 가져오기

이 단계에서는 프로젝트에서 사용할 라이브러리를 가져옵니다:

우리는 다음 Parse 클래스를 우리의 활동에 추가할 것입니다.

1 import com.parse.Parse; 2 import com.parse.ParseException; 3 import com.parse.ParseUser;

2. 우리는 프로젝트에서 람다 함수를 자주 사용할 것이므로 build.gradle(Module:App)을 통해 Java 1.8을 추가해야 합니다.

1 compileOptions { 2 sourceCompatibility JavaVersion.VERSION_1_8 3 targetCompatibility JavaVersion.VERSION_1_8 4 }

2 - 회원가입

회원가입은 기본적으로 User 클래스에 새로운 Parse.User 객체를 생성하며, 앱에서는 “User”로 표시됩니다. 대시보드. 새로운 사용자를 생성할 때는 최소한 두 가지 속성을 설정해야 합니다 => ParseUser.setUsername() 및 ParseUser.setPassword().

안드로이드에서 새로운 사용자를 저장하는 데 사용되는 메서드는 ParseUser.signUpInBackground(), 이는 콜백 함수와 함께 제공될 수 있습니다.

참고: 이 특별한 클래스의 객체는 대시보드에 ParseObject.save() 메서드로 저장되지 않습니다.

작동하게 하려면 SignUpActivity 다음 단계를 따르세요:

가져오기

1 import com.parse.SignUpCallback;

당신의 SignUpActivity, 1단계에서 가져온 종속성과 함께.

2. 사용자 등록을 구현하려면, 다음 코드를 사용하세요.onCreate() 메서드에서:

1   ParseUser user = new ParseUser();
2        // Set the user's username and password, which can be obtained by a forms
3        user.setUsername( "<Your username here>");
4        user.setPassword( "<Your password here>");
5        user.signUpInBackground(new SignUpCallback() {
6            @Override
7            public void done(ParseException e) {
8                if (e == null) {
9                    showAlert("Successful Sign Up!", "Welcome" + "<Your username here>" +"!");
10               } else {
11                   ParseUser.logOut();
12                   Toast.makeText(SignUpActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
13               }
14           }
15       });

예제 프로젝트에서 이 코드는 회원가입 버튼 콜백 안에 배치됩니다. 또한, 사용자 이름과 비밀번호는 텍스트 편집을 사용하여 가져옵니다.

3. 경고 대화 상자를 표시하는 추가 메서드를 추가하면 프로세스가 더 전문적으로 보이는 것이 흥미롭습니다. 아래 메서드는 이를 수행합니다:

1   private void showAlert(String title,String message){
2        AlertDialog.Builder builder = new AlertDialog.Builder(SignUpActivity.this)
3                .setTitle(title)
4                .setMessage(message)
5                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
6                    @Override
7                    public void onClick(DialogInterface dialog, int which) {
8                        dialog.cancel();
9                        // don't forget to change the line below with the names of your Activities
10                       Intent intent = new Intent(SignUpActivity.this, LogoutActivity.class);
11                       intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
12                       startActivity(intent);
13                   }
14               });
15       AlertDialog ok = builder.create();
16       ok.show();
17   }

3 - 로그인

로그인은 세션 객체를 생성하며, 이는 로그인한 사용자를 가리킵니다. 로그인에 성공하면, ParseUser.getCurrentUser()는 사용자 객체와 대시보드에서 생성된 세션 객체를 반환합니다. 그렇지 않으면, 대상 사용자 이름이 존재하지 않거나 비밀번호가 잘못된 경우 null을 반환합니다.

로그인 작업을 수행하는 데 사용되는 메서드는 ParseUser.logInInBackground(), 이는 사용자 이름과 비밀번호 문자열만큼 많은 인수를 요구하며, 콜백 함수를 호출할 수 있습니다.

참고: 회원가입 후 자동으로 로그인이 수행됩니다.

To make LoginActivity work, follow these steps:

Import into yourLoginActivity, in addition to the dependencies imported in the Step 1:

1 import com.parse.LogInCallback;

2. To implement user login function, simply use the code:

1   private void login(String username, String password) {
2        progressDialog.show();
3        ParseUser.logInInBackground(username, password, (parseUser, e) -> {
4            progressDialog.dismiss();
5            if (parseUser != null) {
6                showAlert("Successful Login", "Welcome back " + username + " !");
7            } else {
8                ParseUser.logOut();
9                Toast.makeText(LoginActivity.this, e.getMessage(), Toast.LENGTH_LONG).show();
10           }
11       });
12   }

In the example project, this code is placed inside a LOG IN button callback. Also, username and password are caught using Edit Texts.

The method showAlert is the same that you added in the SignUpActivity, don’t forget to change its Intent arguments though.

4 - 로그 아웃

로그 아웃은 로그인한 사용자의 활성 세션 객체를 삭제합니다. 로그 아웃을 수행하는 데 사용되는 방법은 ParseUser.logOutInBackground()입니다.

사용자 로그 아웃을 구현하려면 아래 코드를 사용하면 됩니다. LogoutActivity:

1       ParseUser.logOutInBackground(e -> {
2               progressDialog.dismiss();
3               if (e == null)
4                   showAlert("So, you're going...", "Ok...Bye-bye then");
5       });

예제 프로젝트에서 이 코드는 로그 아웃 버튼 콜백 안에 배치됩니다.

메서드 showAlert는 loginActivity와SignUpActivity에 추가한 것과 동일합니다. 그러나 Intent 인수는 변경하는 것을 잊지 마세요.

5 - 앱 테스트하기

앱을 실행하고 몇 명의 사용자를 생성한 후, 등록한 후 다시 로그인해 보세요.
다음에서 로그인하세요 Back4App 웹사이트.
앱을 찾아서 대시보드>코어>브라우저>사용자.

이 시점에서 아래와 같이 사용자를 볼 수 있어야 합니다:

참고: 위에 표시된 코드를 사용하여 사용자가 로그인할 때마다 세션이 대시보드에서 열립니다. 그러나 사용자가 로그아웃하면 해당 세션이 종료됩니다. 또한, 로그인 또는 가입 시도가 실패할 때마다 Parse Server 대시보드에서 열린 세션이 삭제됩니다.

완료되었습니다!

축하합니다! 이제 Back4App을 통해 Parse Server의 핵심 기능을 사용하여 앱에 로그인하고, 등록하고, 로그아웃할 수 있습니다!