[해피CGI][cgimall] Google reCAPTCHA v2

구글에서 제공하는 캡챠 기능 입니다.

기존의 타 캡챠 기능처럼 보여지는 이미지내의 문자를 입력 하는 방식이 아닌,
체크박스에 체크를 하는것으로 인증이 마무리가 되는 형태와,
아에 해당 체크도 없이 진행 할 수도 있는 구조 입니다.

하지만 IE11 미만에서는 구동이 안되네요 ^^;;
해당 캡챠를 이용 하실려면 IE11 이하는 별도의 캡챠 프로그램이 구동 되도록 해야 되는 번거로움이 있겠습니다.





https://www.google.com/recaptcha/intro/index.html 

위 페이지에서 관련 내용을 자세하게 확인이 가능 합니다.




해당 기능을 이용 하실려면 상단의 Get reCAPTCHA 버튼을 클릭해서 키를 받은뒤에 이용이 가능 합니다.






해당 버튼을 클릭해서 라벨과 도메인 주소를 입력해서 등록을 하게 되면,
키발급이 이루어지고 사용을 하기 위한 간략한 안내가 나타나게 됩니다.









이렇게 등록을 진행 하게 되면 아래와 같이 발급된 키 정보와 소스코드가 노출이 됩니다.

여기서 STEP1의 Script 소스와 DIV 소스를 각각 삽입 해주면 사용자가 보는 페이지에 작업은 완료가 됩니다.

이후 STEP2 를 통해 넘겨받은 값을 구글을 통해 검증을 하는 과정으로 캡챠 작업이 완료가 되겠습니다.








검증 과정은 https://www.google.com/recaptcha/api/siteverify 페이지로
넘겨받은 값과, 키, 유저IP 값을 전달하여 JSON 을 통해 확인이 가능 하게 됩니다.









아래는 해당 기능을 PHP로 테스트 해본 결과 입니다. ^^


테스트 소스 :






폼이 노출되는 화면 :

 






성공 했을 때 :







실패 했을 때 :