본문 바로가기
개발/expo

[expo] 9. expo로 앱 만들기 - 카카오 로그인 - 1

by angelpsyche 2023. 4. 15.

안녕하세요 프시케입니다.

 

이번 포스팅은 카카오 로그인 구현입니다. 

 

카카오 로그인을 구현하기위해선 먼저 kakao developers에 애플리케이션을 추가해야합니다. 

 

아래의 URL에 접속하고 로그인을 진행합니다.

 

https://developers.kakao.com/

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

 

다음으로 내 애플리케이션을 선택하고 애플리케이션 추가하기를 선택합니다. 

 

 

 

다음으로 앱 이름과 사업자명을 입력하고 운영정책에 체크한 다음 저장을 눌러줍니다. 

 

생성된 애플리케이션을 선택하면 요약정보 창이 나오게됩니다. 

 

여기서 필요한건 REST API 키입니다.

 

 

 

다음으로 카카오 로그인을 선택하고 활성화 설정 ONOpenID Connect 활성화 설정 ON을 합니다.

 

그리고 Redirect URI 등록을 선택합니다.

 

 

 

 

Redirect URI 주소는 expo 실행 후 W를 눌러 web을 열면 나오는 URL을 사용합니다.

 

 

web을 실행시켜 나온 URL은 http://localhost:19006으로 나와있습니다.

 

하지만  http://192.xxx.x.xxx:19006으로 인터넷 창에 입력하면 개발하고있는 앱의 화면을 정상적으로 확인할 수있습니다.

 

그래서 해당 Redirect URI 의 주소는

 

http://192.xxx.x.xxx:19006/Home

 

으로 입력하고 저장합니다.

 

 

 

다음으로 동의항목으로 이동하여 카카오계정(이메일), 성별, 연령대의 설정을 선택 동의체크하고

 

카카오 계정으로 정보 수집 후 제공체크, 동의목적란에 동의목적을 입력하고 저장합니다.

 

 

여기까지 카카오 로그인에 필요한 kako developers의 애플리케이션 설정이였습니다.

 

다음 포스팅은 WebView를 사용하여 카카오 로그인을 구현하도록 하겠습니다.