카카오 로그인 자바스크립트로 개발할 경우?

JavaScript
#1

카카오 로그인을 웹사이트에 로그인시 구현을 하려고 합니다.

자바스크립트로 개발을 해야할것 같은데

이때 Redirect Url 을 Kakao Developers 에서 설정을 해줘야 하나요?

(REST API로 개발하는 경우 필수로 설정해야 합니다.) => 이런 문구가 있기는한데…

#2

Kakao.Auth.authorize를 이용한 리다이렉트 방식으로 로그인 하기 위해서는
[내 애플리케이션 > 제품 설정 > 카카오 로그인] 메뉴에서 Redirect URI 설정을 해주셔야 합니다.

자세한 설명은 아래 링크를 참고해주세요.
https://developers.kakao.com/docs/latest/ko/kakaologin/js#login

#3

아래와 같은 형태로 웹사이트에서 자바스크립트로 구현했더니 했더니 정상적으로 되더라고요
근데 저는 Redirect Url은 설정하지 않았거든요
아래와 같이 개발할때는 Redirect Url을 설정하지 않아도 되는건지 궁금합니다.

<a href='javascript:Login_Kakao();'><img src='images/btnSocialLoginKakaoM.gif' width='135' height='40'></a>

<script>
	Kakao.init("cb6d1f7a93cc741647f16a48c26bacc8"); //자바스크립트 키
	function Login_Kakao(){
		Kakao.Auth.login({
			success: function(authObj){
				Kakao.API.request({	// 로그인 성공시, API를 호출합니다.
					url: '/v2/user/me',
					success: function(res){
						location.href = "GESL120.asp?txtSocKind=Kakao&txtSocId=" + res.id + "&txtEmail=" + res.kakao_account.email;
					},
					fail: function(error) {
						alert(JSON.stringify(error));
					}
				});
			},
			fail: function(err) {
				alert(JSON.stringify(err));
			}
		});
	}
</script>
#4

Kakao.Auth.authorize는 리다이렉트 방식으로 동작하기 때문에 Redirect URI 등록이 필요합니다.
사용하신 Kakao.Auth.login은 팝업 방식으로 동작하기 때문에 Redirect URI를 등록하지 않으셔도 됩니다.

#5

Kakao.Auth.login (예전방식)으로 하니 모바일에서 사파리, 크롬, 등등 대다수의 앱에서는 정상적으로 됩니다.
그런데 네이버앱에서도 처음에는 되다가
카카오 로그인 하는 화면을 그냥 두고 한참 3~4시간 있다가
다시 네이버 앱에서 카카오 로그인을 하려면 먹통이네요
일정시간이 경과 되면 => Kakao.init(“JavaScript 키”); 부분이 초기화되어
그런건지 도통 알 수가 없네요
다른 사파리, 크롬 등등 모든 PC에서는 정상인데
유독 모바일 네이버앱만 일정시간이 경과하면 그럽니당…
Kakao.Auth.authorize 로 다시 개발하는 방법 말고 없는건가요?
예전방식이 인앱브라우저의 특성때문 그런 먹통현상이 있다고 하는데
Kakao.Auth.login 방식으로 해결방법은 없는지?

#6

3rd-party 웹뷰마다 팝업 처리에 대한 구현이 달라서 Kakao.Auth.login으로 모든 웹뷰를 지원하기 어려운점 양해 부탁드립니다.

반면에 리다이렉트 방식으로 동작하는 Kakao.Auth.authorize는 대부분의 웹뷰에서 정상동작하는 것을 확인했습니다.
번거로우시겠지만 Kakao.Auth.authorize를 사용하시는 것을 추천드립니다.