본문 바로가기
개발/자바스크립트 및 프론트

(자바스크립트 ) 카카오 로그인

by kakk789 2022. 8. 10.

카카오 로그인

- 로그인 폼 띄우기
Kakao.Auth.loninForm({ scope:"기 설정한 동의항목", success:function( .... ){ .... } })

- 로그인 요청
Kakao.API.request({ url: "/v2/user/me", success:function( .... ){ .... } })

사용자 동의항목 설정

관련 코드

<!DOCTYPE html>
<html>
<script type="text/javascript" src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script type="text/javascript">
	Kakao.init("키값");
	function kakaoLogin(){
		Kakao.Auth.loginForm({
			scope:"profile_nickname, account_email", 
			success:function(authObject){
				//authObject = 사용자가 입력한 정보를 매개변수로 받음
				Kakao.API.request({
					url:"/v2/user/me",
					success:function(response){
						console.log(response);
					}
				});
			}
		});
	}
</script>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<a href="javascript:kakaoLogin()"> 카카오 로그인 </a>
</body>
</html>

카카오 로그인 성공 후

- 기 설정한 '동의 항목' 리턴 확인 (이메일, 닉네임)

 

반응형

댓글