카카오 로그인 js 데모 질문

JavaScript
1

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.

ID : 509470

  • 질문 -

https://developers.kakao.com/tool/demo/login/login

위 데모의 카카오 로그인 클릭시 카카오 로그인 페이지로 direct 되는데

script src=“https://t1.kakaocdn.net/kakao_js_sdk/2.7.1/kakao.min.js”
integrity=“sha384-kDljxUXHaJ9xAb2AzRd59KxjrFjzHa5TAoFQ6GbYTCAG0bjM55XohjjDT7tDDC01” crossorigin=“anonymous”></script
script>
Kakao.init(‘c089c8172def97eb00c07217cae17495’); // 사용하려는 앱의 JavaScript 키 입력
</script

function loginWithKakao() {
Kakao.Auth.authorize({
redirectUri: ‘https://developers.kakao.com/tool/demo/oauth’,
});
}

스크립트로 위 부분만 구현해주면 자동으로 "카카오 로그인할수 있는 페이지"로 넘어가는건가요?
Kakao.isInitialized(); 이 값은 true로 받긴했는데, 카카로 로그인 페이지으로 안넘어가져서요

  • 스크립트 태그 안올라가서 수정해서 올립니다.
2

redirectUri 는 운영하시는 시스템에서 직접 개발하셔야하는 부분인데요.

위 코드 redirectUri 그대로 사용하셨나요?

Kakao.init에 사용하신 앱키도 디벨로퍼스 데모의 앱키로 해당키 말고 기재하신 509470앱의 Javascript Key 사용하셔야합니다.

3

아 rediredctURi 개발했고 js key도 앱키로 했는데

궁금한게 redirectURi는 카카오로그인창에서 넘어오는 부분인거 아닌가요?

제가 궁금한건 카카오로그인창이 안떠서 그러긴한데, 혹 redirectUri이 원인이라면
로그인창이 안뜨는 원인이 redirectUri가 잘못되서 그런걸까요?

4

(1) Kakao.Auth.authorize 는 모바일 카카오톡이 설치된 환경에서는 기본적으로 카카오로그인창 없이 카카오톡앱으로 안전하고 간편하게 로그인 처리한 후, redirectUri로 진입합니다.

(2) 카카오톡이 설치 안되었거나 PC 브라우저환경에서는 카카오계정로그인 페이지에서 로그인을 진행후 redirectUri로 진입합니다.

(3) PC 브라우저환경에서도 이미 카카오계정(accounts.kakao.com)에 로그인이 되어 있다면 별도 로그인 절차없이 로그인된 정보를 이용하여 redirectUri로 진입합니다.

redirectUri로 인가코드인 code 파라메터를 전달받으셨다면 정상동작입니다.