카카오 로그인 인증버튼

DONNIE·2022년 10월 31일
0

인증

목록 보기
1/1

카카오 로그인 인증시 어플 실행하게 하기

JS SDK 실행

  • index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/Group1.svg" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/Group1.svg" />

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
      <script src="https://t1.kakaocdn.net/kakao_js_sdk/2.0.0/kakao.min.js" integrity="sha384-PFHeU/4gvSH8kpvhrigAPfZGBDPs372JceJq3jAXce11bVA6rMvGWzvP4fMQuBGL" crossorigin="anonymous"></script>
    <script>

    Kakao.init('JAVASCRIPT_KEY');
    Kakao.isInitialized();
    // SDK 초기화 여부를 판단합니다.
    console.log('SDK 초기화 여부를 판단합니다.');

  </script>

    <title>CALLBACK</title>
  </head>
  <body>

  </body>
</html>

  • login.js
   <a id="kakao-login-btn" href="javascript:loginWithKakao()" >
    	<img src="https://k.kakaocdn.net/14/dn/btroDszwNrM/I6efHub1SN5KCJqLm1Ovx1/o.jpg" width="222" alt="카카오 로그인 버튼" />
   </a>
<p id="token-result"></p>
profile
후론트엔드 개발자

0개의 댓글