진짜 개발자
본문 바로가기

FrameWork/Django

Django - 로그인 페이지에 reCaptcha v2 사용하기

728x90

페이지에 reCaptcha v2 사용하기


Recaptcha 버튼 만들기

1. google reCaptcha를 검색하여 들어온다음 GET STARTED 버튼을 누른다


2. Introduction 탭에서 sign up for an API key pair를 클릭하여 reCAPTCHA에 사용될 키쌍을 생성한다


3. reCAPTHCA v2 를 체크하고 Checkbox를 체크한다

   domains에는 자신의 웹사이트 IP주소를 입력한다


4. reCAPTCHA를 필요로 하는 페이지에서 코드를 추가한다


1) <head> 태그 안에 아래의 script코드를 추가한다

- <script src='https://www.google.com/recaptcha/api.js'></script>


2) form태그안에 아래의 태그를 추가한다

<div class="g-recaptcha" data-sitekey="6Ld5BYUUAAAAAMx6NO3kbhS9jyQcR4yqy59Tvza2"></div>


5. reCaptcha가 보이는것을 확인할 수 있다.



Recaptcha 를 클릭해야만 로그인 가능하게 만들기

1. recaptcha 체크 함수를 만든다

- grecaptcha.getResponse() 메소드의 return값을 저장하여 

  값이 0일경우 체크를 하지 않은것이며 그외의 경우 체크를 한것이다


2. form태그의 속성에 onsubmit을 추가하여 form제출시 check_recapthca()함수가 실행되도록 한다


3. 체크를 하지 않는경우 recaptcha 체크를 요구한다