로컬에서 카카오 로그인 버튼 테스트 중인데 아무런 반응이 없습니다

JavaScript
#1

웹 플렛폼을 생성하고, 사이트 도메인도 지정해주었습니다.(http://localhost:9080)
카카오 예제를 보면서, 로그인 버튼 테스트 중인데, 팝업창은 뜨지만 아무런 반응없이 흰 화면만 떠있습니다.
데모는 잘 되는데 이상하네요… 제가 잘못한건지… ㅠ
자바스크립트 키도 잘 넣어줬는데 무슨 문제인지 모르겠네요… ㅠㅠ

ASP를 사용해서 제작중이고, iis로 로컬서버를 열었습니다.
고수님들의 답변 부탁 드리겠습니다…

#2

@rnrnzhs96
테스트 해볼 수 있는 url이나 코드를 알려주시면 확인해 보겠습니다.

#4 
<%
'**********************************
' 사용자 
' 문서명 : 카카오톡 test
' 작성일 : 2016년 12월 30일
'**********************************
tDocName = "카카오톡"
tDocType = "BASE"
tLogYN	 = "N"
tDocMaster = "KAKAO"
%>
<!--#include virtual = "/ETPLite/_Common/Utils.asp"-->
<!--#include virtual = "/ETPLite/_Common/docHeader.asp"-->

<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type='text/javascript'>
    Kakao.init('APP KEY');
    function loginWithKakao() {
        // 로그인 창을 띄웁니다.
        Kakao.Auth.login({
            success: function (authObj) {
                alert(JSON.stringify(authObj));
            },
            fail: function (err) {
                alert(JSON.stringify(err));
            }
        });
    };
</script>

<a id="custom-login-btn" href="javascript:loginWithKakao()">
<img src="//mud-kage.kakao.com/14/dn/btqbjxsO6vP/KPiGpdnsubSq3a0PHEGUK1/o.jpg" width="300"/>
</a>
<!--#include virtual = "/ETPLite/_Common/docFooter.asp"-->
#5

@rnrnzhs96
기본 샘플 코드 처럼 스크립트를 아래쪽으로 내려보세요.

<a id="custom-login-btn" href="javascript:loginWithKakao()">
  <img src="//mud-kage.kakao.com/14/dn/btqbjxsO6vP/KPiGpdnsubSq3a0PHEGUK1/o.jpg" width="300"/>
</a>
<script type='text/javascript'>
  //<![CDATA[
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('YOUR APP KEY');
    function loginWithKakao() {
      // 로그인 창을 띄웁니다.
      Kakao.Auth.login({
        success: function(authObj) {
          alert(JSON.stringify(authObj));
        },
        fail: function(err) {
          alert(JSON.stringify(err));
        }
      });
    };
  //]]>
</script>
#6

카카오톡에 현재 로그인 되어 있어서… 로그아웃을 해보고 눌러보았는데
로그인 창은 잘 나왔지만, 로그인 후에 반응이 없습니다.

#7

@rnrnzhs96
JavaScript 디버거창 띄우시면 에러 내용이 있을거 같은데요. 내용을 확인해 보시면 좀 더 좋겠네요.
사용 방법을 혹시나 잘 모르시면 F12 개발자 도구를 사용하여 JavaScript 오류 디버그를 확인해 보세요.

#8

디버거창 돌려보니 JSON쪽에 에러났었네요…
사이트가 호환성 보기로 되있으면 JSON이 안먹혀서 그런거였어요.
도움 주셔서 감사합니다.

1개의 좋아요