시작하기

간단한 JavaScript SDK 샘플과 함께 카카오 플랫폼 서비스 개발을 시작해 보세요.

1. 앱을 등록합니다.

  1. 새로운 앱을 만듭니다. 앱 만들기
  2. 앱의 설정 - 일반 에서 플랫폼 추가 를 선택합니다.
  3. 플랫폼을 선택하고, 사이트 도메인 을 등록합니다. (예: http://localhost:8080 )
  4. 페이지 상단의 JavaScript 키 항목을 외우거나, 복사해 둡니다.

2. 샘플 앱에 키를 설정합니다.

1.아래 내용의 html파일을 만듭니다.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
    <title>Login Demo - Kakao JavaScript SDK</title>
    <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

    </head>
    <body>
    <a id="kakao-login-btn"></a>
    <a href="http://developers.kakao.com/logout"></a>
    <script type='text/javascript'>
      //<![CDATA[
        // 사용할 앱의 JavaScript 키를 설정해 주세요.
        Kakao.init('YOUR APP KEY');
        // 카카오 로그인 버튼을 생성합니다.
        Kakao.Auth.createLoginButton({
          container: '#kakao-login-btn',
          success: function(authObj) {
            alert(JSON.stringify(authObj));
          },
          fail: function(err) {
             alert(JSON.stringify(err));
          }
        });
      //]]>
    </script>

    </body>
    </html>

2.위 코드의 'YOUR APP KEY' 에 1단계에서 확인한 JavaScript 키 를 넣습니다.

3. 앱을 실행합니다.

1.위에서 등록한 도메인(예: http://localhost:8080 )에서 웹 서버를 실행시켜 위 파일을 엽니다.

Python이 설치된 컴퓨터에서는 해당 폴더로 이동 후 다음과 같이 테스트용 웹 서버를 실행할 수 있습니다.

$ cd /path/to/your/folder/
$ python -m SimpleHTTPServer 8080

2.브라우저를 열어 위 도메인에 접속합니다.

3.로그인 후, OAuth2 액세스 토큰을 받아오는 것을 확인할 수 있습니다.

위 예제의 데모를 바로 확인해 보세요! 데모 보러가기


Last Modified : 2017-07-28