Android
Users
안드로이드 앱 Twitter 로그인 구현 방법 가이드
17 분
안드로이드 앱에 트위터 로그인 추가하는 방법 소개 이 섹션에서는 트위터 로그인을 사용하여 사용자 등록이 가능한 앱을 만드는 방법을 설명합니다 parse server 핵심 기능 을 통해 back4app을 사용합니다 이렇게 보일 것입니다 언제든지 이 튜토리얼로 구축된 전체 안드로이드 프로젝트에 접근할 수 있습니다 github 저장소 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 안드로이드 스튜디오 back4app에서 생성된 앱 참고 새 parse 앱 튜토리얼 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 back4app에 연결된 안드로이드 앱 참고 parse sdk 설치 튜토리얼 을 따라 back4app에 연결된 안드로이드 스튜디오 프로젝트를 만드세요 안드로이드 4 1 (젤리빈) 이상을 실행하는 장치 (또는 가상 장치 ) 1 트위터 설정 트위터 기능을 사용하려면 다음이 필요합니다 이동하십시오 트위터 애플리케이션 관리 웹사이트 , 트위터 계정으로 로그인하고 새 앱 만들기 새 앱 만들기 를 클릭하십시오 다음의 애플리케이션 세부정보 애플리케이션 세부정보 콜백 url 콜백 url 을 지정하라는 요청을 받으면 twittersdk // twittersdk // 이는 필수 로 트위터를 통한 인증을 활성화하기 위해 필요합니다 3\ 개발자 계약 개발자 계약 을 클릭한 다음 트위터 애플리케이션 만들기 트위터 애플리케이션 만들기 를 클릭하십시오 4\ 안드로이드 스튜디오 프로젝트를 열고 build gradle (module app) build gradle (module app) 에서 dependencies{} dependencies{} 섹션에 parse twitter utils sdk for android를 설치하기 위한 다음 코드를 추가하세요 parse facebook utils sdk for android의 버전을 최신 버전으로 업데이트하는 것을 잊지 마세요 최신 버전은 jitpack 웹사이트 , 다음 단계를 따라 확인할 수 있습니다 jitpack 웹사이트에서 parse community/parsetwitterutils android parse community/parsetwitterutils android 를 git repo url git repo url 박스에 붙여넣으세요 그 후, look up look up 버튼을 클릭하세요 그러면 다음 이미지와 같이 parse twitter utils sdk for android의 사용 가능한 버전을 볼 수 있어야 합니다 2 twitter 앱을 back4app과 연결하기 android studio 프로젝트의 app app 이라는 java 파일에서, parse sdk를 초기화하기 위해 만든 application을 확장한 후, oncreate oncreate 메서드에서, parse initialize() parse initialize() 호출 직후에, 다음 코드를 사용하여 parse twitter utils sdk를 초기화합니다 1 parsetwitterutils initialize(getstring(r string twitter consumer key), getstring(r string twitter consumer secret)); 이 단계에서 설명한 대로 app java app java 파일이 없다면, https //www back4app com/docs/android/parse android sdk 문서를 참조하고 parse sdk를 올바르게 설치하기 위해 필요한 모든 단계를 따랐는지 확인하십시오 parse sdk를 제대로 설치하지 않으면 parse를 통한 facebook 로그인이 작동하지 않습니다 2\ app app > res res > values values > strings xml strings xml 파일로 이동합니다 다음 코드를 strings xml strings xml 파일에 추가하십시오 2\ string xml string xml 파일을 열어 두고 back4app 웹사이트로 이동하여 로그인한 후 내 앱 내 앱 을 클릭합니다 앱을 찾은 후 서버 설정 서버 설정 을 클릭합니다 “twitter 로그인” 블록을 찾아 클릭합니다 설정 설정 “twitter 로그인” 블록은 다음과 같습니다 2\ 방문한 back4app twitter 로그인 페이지를 열어 두고 twitter 애플리케이션 관리 웹사이트 로 가서 앱을 찾아 이름을 클릭합니다 3\ 키 및 액세스 토큰을 클릭하고, 소비자 키 (api 키)와 소비자 비밀 (api 비밀)을 복사하여 back4app twitter 로그인 페이지에 붙여넣고 해당 필드를 채웁니다 완료하려면 저장을 클릭합니다 소비자 키 (api 키)와 소비자 비밀 (api 비밀)은 다음과 같습니다 4\ 또한, 소비자 키 (api 키) 소비자 키 (api 키) 와 소비자 비밀 (api 비밀) 소비자 비밀 (api 비밀) 을 복사하여 strings xml strings xml 파일에 붙여넣으세요 4 로그인 당신의 loginactivity 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 loginactivity 2\ 트위터 로그아웃을 구현하려면 아래 코드를 사용하세요 예제 프로젝트에서 이 코드는 트위터를 통한 로그아웃 트위터를 통한 로그아웃 버튼 콜백 안에 위치합니다 메서드 alertdisplayer alertdisplayer 는 loginactivity loginactivity 에 추가한 것과 동일합니다 intent intent 인수는 변경하는 것을 잊지 마세요 android studio 프로젝트의 strings xml 파일에서 완료되었습니다! 이 단계에서, parse server의 핵심 기능을 통해 back4app을 사용하여 트위터로 앱에 로그인하고, 등록하고, 로그아웃할 수 있습니다!