앱 카카오 소셜 로그인 연동 | Kakao OAuth 설정 방법

카카오(Kakao) 로그인 연동

해당 기능은 Native to Native 로그인 연동으로, 카카오 앱을 실행하여 승인 여부만 확인하여 로그인 시키고 그 결과를 받아옵니다.
카카오 SNS 로그인 연동을 위해서는 먼저 카카오 개발자센터에 접속해서 진행해주세요.

카카오 Developers 페이지 https://developers.kakao.com/ 로 이동합니다.

앱 생성
먼저, 앱을 생성합니다.
  • 앱 이름, 회사명 등 필수 사항을 입력하고 저장합니다.
로그인 사용 설정
카카오 로그인을 사용하려면 사용설정이 먼저 되어야 합니다.
  • 사용 설정의 토글 버튼을 ON 시켜 줍니다.
Android 기본정보 등록
다음으로 Android 의 패키지명 및 키 해시를 등록 방법입니다.
  • Android 패키지명을 입력합니다.
  • 앱박스 콘솔에서 해당앱의 키해시를 복사하여 여기에 키해시에 붙여넣기 하세요.

앱박스 PC 콘솔에서 앱 빌드를 통해 생성한 앱의 키해시를 입력하세요. 키해시는 빌드 히스토리내에 상세 정보에서 확인할 수 있습니다.

  • 카카오 Android 로그인 등록 절차가 완료되었습니다.
iOS 기본정보 등록
다음으로 iOS 의 번들ID 등록 화면입니다.
  • iOS 번들ID 입력합니다.
앱 키 확인
Android, iOS 정보등록을 통해서 생성된 최종 앱키를 확인합니다.
  • 네이비브 앱 키를 복사합니다.
  • 앱박스 콘솔에서 앱 빌드시 카카오 로그인 사용을 하려면 이 앱키를 입력하여야 합니다.
사이트 코드 삽입
카카오 로그인을 네이티브에서 실행이 필요할때 사용합니다. (Native to Native)
기존 이미 웹페이지에서 카카오 로그인이 되고 있는 사이트는 연동이 별도 필요하지 않습니다.

카카오 로그인 연동

AppboxSDK.application.kakaoSnsLogin()

Javascript
1 // 카카오 로그인
2 AppboxSDK.application.kakaoSnsLogin( ( err, data ) => {
3 if (err) {
4 console.error( "카카오 로그인 실패:", "code:", err.code, "message:", err.message );
5 } else {
6 console.log( "카카오 로그인 완료:", , data.result, data.result.uid );
7 }
8 });
해당 기능은 카카오 앱을 호출하여 자동 로그인하고 그 결과(회원정보)를 회신합니다.





www.naver.com
QR 코드를 촬영하면 입력하신 주소의
앱 예시 화면을 테스트할 수 있습니다.
* 스캔 후 바로 앱 다운로드 이동합니다.