안드로이드 앱 Twitter 로그인 구현 방법 가이드
안드로이드 앱에 트위터 로그인 추가하는 방법
소개
이 섹션에서는 트위터 로그인을 사용하여 사용자 등록이 가능한 앱을 만드는 방법을 설명합니다.Parse Server 핵심 기능을 통해 Back4App을 사용합니다.
이렇게 보일 것입니다:
언제든지 이 튜토리얼로 구축된 전체 안드로이드 프로젝트에 접근할 수 있습니다.GitHub 저장소.
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
- Back4App에서 생성된 앱.
- Back4App에 연결된 안드로이드 앱.
1 - 트위터 설정
트위터 기능을 사용하려면 다음이 필요합니다:
- 다음의 애플리케이션 세부정보. 콜백 URL을 지정하라는 요청을 받으면 twittersdk://. 이는 필수로 트위터를 통한 인증을 활성화하기 위해 필요합니다.
3. 개발자 계약을 클릭한 다음 트위터 애플리케이션 만들기를 클릭하십시오.
4. 안드로이드 스튜디오 프로젝트를 열고 build.gradle (Module: app)에서 dependencies{} 섹션에 Parse Twitter Utils SDK for Android를 설치하기 위한 다음 코드를 추가하세요.
Parse Facebook Utils SDK for Android의 버전을 최신 버전으로 업데이트하는 것을 잊지 마세요. 최신 버전은 JitPack 웹사이트, 다음 단계를 따라 확인할 수 있습니다:
- JitPack 웹사이트에서 parse-community/ParseTwitterUtils-Android를 Git repo url 박스에 붙여넣으세요.
- 그 후, Look up 버튼을 클릭하세요. 그러면 다음 이미지와 같이 Parse Twitter Utils SDK for Android의 사용 가능한 버전을 볼 수 있어야 합니다.
2 - Twitter 앱을 Back4App과 연결하기
- Android Studio 프로젝트의 App이라는 Java 파일에서, Parse SDK를 초기화하기 위해 만든 Application을 확장한 후, onCreate 메서드에서, Parse.initialize() 호출 직후에, 다음 코드를 사용하여 Parse Twitter Utils SDK를 초기화합니다.
1 ParseTwitterUtils.initialize(getString(R.string.twitter_consumer_key), getString(R.string.twitter_consumer_secret));이 단계에서 설명한 대로 App.java 파일이 없다면, Android용 Parse SDK 설치 문서를 참조하고 Parse SDK를 올바르게 설치하기 위해 필요한 모든 단계를 따랐는지 확인하십시오. Parse SDK를 제대로 설치하지 않으면 Parse를 통한 Facebook 로그인이 작동하지 않습니다.
2. app > res > values > strings.xml 파일로 이동합니다.
- 다음 코드를 strings.xml 파일에 추가하십시오:
2. string.xml 파일을 열어 두고 Back4App 웹사이트로 이동하여 로그인한 후 내 앱을 클릭합니다. 앱을 찾은 후 서버 설정을 클릭합니다.
- “Twitter 로그인” 블록을 찾아 클릭합니다 설정. “Twitter 로그인” 블록은 다음과 같습니다:
2. 방문한 Back4App Twitter 로그인 페이지를 열어 두고 Twitter 애플리케이션 관리 웹사이트로 가서 앱을 찾아 이름을 클릭합니다.
3. 키 및 액세스 토큰을 클릭하고, 소비자 키 (API 키)와 소비자 비밀 (API 비밀)을 복사하여 Back4App Twitter 로그인 페이지에 붙여넣고 해당 필드를 채웁니다. 완료하려면 저장을 클릭합니다. 소비자 키 (API 키)와 소비자 비밀 (API 비밀)은 다음과 같습니다:
4. 또한, 소비자 키 (API 키)와 소비자 비밀 (API 비밀)을 복사하여 strings.xml 파일에 붙여넣으세요.
4 - 로그인
- 당신의 LoginActivity:
2. 트위터 로그인을 구현하려면 아래 코드를 사용하세요:
1 ParseTwitterUtils.logIn(LoginActivity.this, new LogInCallback() {
2
3 @Override
4 public void done(final ParseUser user, ParseException err) {
5 if (err != null) {
6 dlg.dismiss();
7 ParseUser.logOut();
8 Log.e("err", "err", err);
9 }
10 if (user == null) {
11 dlg.dismiss();
12 ParseUser.logOut();
13 Toast.makeText(LoginActivity.this, "The user cancelled the Twitter login.", Toast.LENGTH_LONG).show();
14 Log.d("MyApp", "Uh oh. The user cancelled the Twitter login.");
15 } else if (user.isNew()) {
16 dlg.dismiss();
17 Toast.makeText(LoginActivity.this, "User signed up and logged in through Twitter.", Toast.LENGTH_LONG).show();
18 Log.d("MyApp", "User signed up and logged in through Twitter!");
19 user.setUsername(ParseTwitterUtils.getTwitter().getScreenName());
20 user.saveInBackground(new SaveCallback() {
21 @Override
22 public void done(ParseException e) {
23 if (null == e) {
24 alertDisplayer("First tome login!", "Welcome!");
25 } else {
26 ParseUser.logOut();
27 Toast.makeText(LoginActivity.this, "It was not possible to save your username.", Toast.LENGTH_LONG).show();
28 }
29 }
30 });
31 } else {
32 dlg.dismiss();
33 Toast.makeText(LoginActivity.this, "User logged in through Twitter.", Toast.LENGTH_LONG).show();
34 Log.d("MyApp", "User logged in through Twitter!");
35 alertDisplayer("Oh, you!","Welcome back!");
36 }
37 }
38 });예제 프로젝트에서 이 코드는 다음에 위치합니다.트위터로 로그인 버튼 콜백.
3. Alert Dialogs를 표시하는 방법을 추가하면 프로세스가 더 전문적으로 보이는 것이 흥미롭습니다. 아래의 방법이 이를 수행합니다:
1 private void alertDisplayer(String title,String message){
2 AlertDialog.Builder builder = new AlertDialog.Builder(LoginActivity.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(LoginActivity.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 }5 - 로그아웃
- 당신의 LoginActivity:
2. 트위터 로그아웃을 구현하려면 아래 코드를 사용하세요:
예제 프로젝트에서 이 코드는트위터를 통한 로그아웃 버튼 콜백 안에 위치합니다.
메서드 alertDisplayer는 LoginActivity에 추가한 것과 동일합니다. Intent 인수는 변경하는 것을 잊지 마세요. Android Studio 프로젝트의 strings.xml 파일에서.
완료되었습니다!
이 단계에서, Parse Server의 핵심 기능을 통해 Back4App을 사용하여 트위터로 앱에 로그인하고, 등록하고, 로그아웃할 수 있습니다!