구글 reCAPTCHA v2 - 버튼만들기

공지

최신 글

최근 댓글

링크

« 2024/04 »
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

태그 more

글 보관함

오늘

전체

관리 메뉴

코학의 개인 블로그

구글 reCAPTCHA v2 - 버튼만들기 본문

[개발자]DFR-웹언어

구글 reCAPTCHA v2 - 버튼만들기

KOHAK 2020. 8. 29. 19:54

웹언어-reCAPTCHA

구글 reCAPTCHA v2 - 버튼만들기

안녕하세요 코학입니다.

오늘은 구글 리캡챠 버튼을 만들어 봤습니다.

다운로드는 게시글 하단에 있습니다.

1. 구글 리캡챠 홈페이지(https://www.google.com/recaptcha/about/) 에 들어가서 'Admin Consol'를 클릭

2. 라벨을 마음대로 적고 reCAPTCHA v2를 선택하고 제출 한다.

3. 사이트 키와 비밀키를 복사해둔다.

4.코드 작성 - sample.html

<!DOCTYPE HTML>
<html>
	<head>
		<script src="https://www.google.com/recaptcha/api.js"></script>
	</head>
	<body>


				<div class="g-recaptcha" data-sitekey="사이트 키 입력"></div>								
				<button type="submit" onclick='return check_recaptcha();'>버튼</button>

				
		<!-- Scripts -->

			<script>
			function check_recaptcha(){
				var v = grecaptcha.getResponse();
				if (v.length ==0) {
					alert ("'로봇이 아닙니다.'를 체크해주세요.");
					return false;
				} else {
					location.reload();
					return true;
				}
			}
			</script>


	</body>
</html>