안드로이드 앱 Twitter 로그인 구현 방법 가이드

안드로이드 앱에 트위터 로그인 추가하는 방법 소개 이 섹션에서는 트위터 로그인을 사용하여 사용자 등록이 가능한 앱을 만드는 방법을 설명합니다 parse server 핵심 기능 https //www back4app com/product/parse server 을 통해 back4app을 사용합니다 이렇게 보일 것입니다 언제든지 이 튜토리얼로 구축된 전체 안드로이드 프로젝트에 접근할 수 있습니다 github 저장소 https //github com/back4app/android geopoints tutorial 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 안드로이드 스튜디오 https //developer android com/studio/index html back4app에서 생성된 앱 참고 새 parse 앱 튜토리얼 https //www back4app com/docs/get started/new parse app 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 back4app에 연결된 안드로이드 앱 참고 parse sdk 설치 튜토리얼 https //www back4app com/docs/android/parse android sdk 을 따라 back4app에 연결된 안드로이드 스튜디오 프로젝트를 만드세요 안드로이드 4 1 (젤리빈) 이상을 실행하는 장치 (또는 가상 장치 https //developer android com/studio/run/managing avds html ) 1 트위터 설정 트위터 기능을 사용하려면 다음이 필요합니다 이동하십시오 트위터 애플리케이션 관리 웹사이트 https //apps twitter com/ , 트위터 계정으로 로그인하고 \<font color="#2166ae">새 앱 만들기\</font> 를 클릭하십시오 다음의 \<font color="#2166ae">애플리케이션 세부정보\</font> \<font color="#2166ae">콜백 url\</font> 을 지정하라는 요청을 받으면 \<font color="#2166ae">twittersdk //\</font> 이는 필수 로 트위터를 통한 인증을 활성화하기 위해 필요합니다 3\ \<font color="#2166ae">개발자 계약\</font> 을 클릭한 다음 \<font color="#2166ae">트위터 애플리케이션 만들기\</font> 를 클릭하십시오 4\ 안드로이드 스튜디오 프로젝트를 열고 \<font color="#2166ae">build gradle (module app)\</font> 에서 \<font color="#2166ae">dependencies{}\</font> 섹션에 parse twitter utils sdk for android를 설치하기 위한 다음 코드를 추가하세요 1 // 아래 줄을 parse twitter utils sdk for android의 최신 버전으로 변경하는 것을 잊지 마세요 2 implementation 'com github parse community\ parsetwitterutils android\ latest version here' parse facebook utils sdk for android의 버전을 최신 버전으로 업데이트하는 것을 잊지 마세요 최신 버전은 jitpack 웹사이트 https //jitpack io/ , 다음 단계를 따라 확인할 수 있습니다 jitpack 웹사이트에서 \<font color="#2166ae">parse community/parsetwitterutils android\</font> 를 \<font color="#2166ae">git repo url\</font> 박스에 붙여넣으세요 그 후, \<font color="#2166ae">look up\</font> 버튼을 클릭하세요 그러면 다음 이미지와 같이 parse twitter utils sdk for android의 사용 가능한 버전을 볼 수 있어야 합니다 2 twitter 앱을 back4app과 연결하기 android studio 프로젝트의 \<font color="#2166ae">app\</font> 이라는 java 파일에서, parse sdk를 초기화하기 위해 만든 application을 확장한 후, \<font color="#2166ae">oncreate\</font> 메서드에서, \<font color="#2166ae">parse initialize()\</font> 호출 직후에, 다음 코드를 사용하여 parse twitter utils sdk를 초기화합니다 1 parsetwitterutils initialize(getstring(r string twitter consumer key), getstring(r string twitter consumer secret)); 이 단계에서 설명한 대로 \<font color="#2166ae">app java\</font> 파일이 없다면, android용 parse sdk 설치 https //www back4app com/docs/android/parse android sdk 문서를 참조하고 parse sdk를 올바르게 설치하기 위해 필요한 모든 단계를 따랐는지 확인하십시오 parse sdk를 제대로 설치하지 않으면 parse를 통한 facebook 로그인이 작동하지 않습니다 2\ \<font color="#2166ae">app\</font> > \<font color="#2166ae">res\</font> > \<font color="#2166ae">values\</font> > \<font color="#2166ae">strings xml\</font> 파일로 이동합니다 다음 코드를 \<font color="#2166ae">strings xml\</font> 파일에 추가하십시오 \<! 필요한 경우 다음 문자열을 변경하십시오 > \<string name="twitter consumer key">paste your twitter consumer key\</string>\<string name="twitter consumer secret">paste your twitter consumer secret\</string> 2\ \<font color="#2166ae">string xml\</font> 파일을 열어 두고 back4app 웹사이트로 이동하여 로그인한 후 \<font color="#2166ae">내 앱\</font> 을 클릭합니다 앱을 찾은 후 \<font color="#2166ae">서버 설정\</font> 을 클릭합니다 “twitter 로그인” 블록을 찾아 클릭합니다 \<font color="#2166ae">설정\</font> “twitter 로그인” 블록은 다음과 같습니다 2\ 방문한 back4app twitter 로그인 페이지를 열어 두고 twitter 애플리케이션 관리 웹사이트 https //apps twitter com/ 로 가서 앱을 찾아 이름을 클릭합니다 3\ 키 및 액세스 토큰을 클릭하고, 소비자 키 (api 키)와 소비자 비밀 (api 비밀)을 복사하여 back4app twitter 로그인 페이지에 붙여넣고 해당 필드를 채웁니다 완료하려면 저장을 클릭합니다 소비자 키 (api 키)와 소비자 비밀 (api 비밀)은 다음과 같습니다 4\ 또한, \<font color="#2166ae">소비자 키 (api 키)\</font> 와 \<font color="#2166ae">소비자 비밀 (api 비밀)\</font> 을 복사하여 \<font color="#2166ae">strings xml\</font> 파일에 붙여넣으세요 4 로그인 당신의 \<font color="#2166ae">loginactivity\</font> 1 import android app alertdialog ; 2 import android app progressdialog ; 3 import android content dialoginterface ; 4 import android content intent ; 5 import android support v7 app appcompatactivity ; 6 import android os bundle ; 7 import android view\ view ; 8 import android util log ; 9 import android widget button ; 10 import android widget toast ; 11 12 import com parse logincallback ; 13 import com parse parseexception ; 14 import com parse twitter parsetwitterutils ; 15 import com parse parseuser ; 16 import com parse savecallback ; 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 }); 예제 프로젝트에서 이 코드는 다음에 위치합니다 \<font color="#2166ae">트위터로 로그인\</font> 버튼 콜백 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 로그아웃 당신의 \<font color="#2166ae">loginactivity\</font> 1 import android app alertdialog ; 2 import android app progressdialog ; 3 import android content dialoginterface ; 4 import android content intent ; 5 import android support v7 app appcompatactivity ; 6 import android os bundle ; 7 import android view\ view ; 8 import android widget button ; 9 10 import com parse parseuser ; 2\ 트위터 로그아웃을 구현하려면 아래 코드를 사용하세요 1 parseuser logout (); 2 alertdisplayer ( "그래서, 당신은 가고 있군요 " , "좋아요 안녕히 가세요" ); 예제 프로젝트에서 이 코드는 \<font color="#2166ae">트위터를 통한 로그아웃\</font> 버튼 콜백 안에 위치합니다 메서드 \<font color="#2166ae">alertdisplayer\</font> 는 \<font color="#2166ae">loginactivity\</font> 에 추가한 것과 동일합니다 \<font color="#2166ae">intent\</font> 인수는 변경하는 것을 잊지 마세요 android studio 프로젝트의 strings xml 파일에서 완료되었습니다! 이 단계에서, parse server의 핵심 기능을 통해 back4app을 사용하여 트위터로 앱에 로그인하고, 등록하고, 로그아웃할 수 있습니다!