테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 캡차를 구글 Invisible reCAPTCHA 로 변경하는 플러그인 - 그누보드 5.2 용

recaptcha.png
invisible_inline.png
invisible_bottomright.png
invisible_bottomleft.png

********

 

그누보드 5.3 에는 구글 갭챠가 기본기능으로 추가가 되었습니다. 
따라서, 그누보드 5.3 에서는 이 플러그인이 정상 동작하지 않습니다. 

본 플러그인은 그누보드 5.2 용입니다. 

 

 

========

 

 

구글 리캡챠에서 새로나온 Invisible reCAPTCHA 를 적용해 보았습니다.

기존 리캡챠 플러그인은 https://sir.kr/g5_plugin/618 에 있습니다. 

 

 

그누보드5 의 기본 캡차인 kcaptcha 대신에, 구글의 리캡차 Invisible reCAPTCHA 를 사용하도록 변경하는 플러그인 입니다. 

 

구글 Invisible reCAPTCHA 페이지

https://developers.google.com/recaptcha/docs/invisible

 

 

1. 구글 리캡차를 사용하려면, Site Key 와 Secret Key 를 발급받아야 합니다. 

 

리캡차를 사용하려는 웹사이트 도메인을 구글에 등록하고, 도메인 정보가 포함된 site key 와 secret key 를 발급받아야 합니다. 

도메인 정보가 일치하지 않으면, 구글 리캡차는 동작하지 않습니다. 

웹사이트 도메인 등록하는 곳 : https://www.google.com/recaptcha/admin 

 

 

2. 설치 방법 

 

2-1. key 변수값 입력

 

위 사이트에서 등록후 부여되는 site key 와 secret key 를, 

본 플러그인 폴더 안에 있는 recaptcha_api.php 파일을 열어, 상단에 있는 변수값에 입력합니다. 

 

2-2. Invisible reCAPTCHA 옵션 설정하기

 

ㅁ Invisible 리캡차가 보이는 모양은 크게 3가지 입니다. 

 

recaptcha_api.php 파일 안의 $recaptcha_badge 값으로 설정할 수 있습니다. 

 

- bottomright - 브라우저 화면 아래 오른쪽 귀퉁이에 탭모양으로 (기본값)

- bottomleft  - 브라우저 화면 아래 왼쪽 귀퉁이에 탭모양으로

- inline - 코딩된 위치에 배너 모양으로

 

ㅁ Invisible reCAPTCHA 를 완전히 보이지 않게 하기

 

$recaptcha_badge 값을 inline 으로 둔 상태에서 css 로 보이지않게 하면 됩니다. 

예) css 파일 안에 아래코드를 넣으시면 됩니다. inline 상태에서만 css 가 먹습니다.

.g-recaptcha {display:none;}

 

2-3. 플러그인 파일 업로드

 

본 플러그인 파일들을 그누보드 plugin 폴더에 업로드 합니다. 

 

2-4. config.php 파일 수정 

 

그누보드 루트 폴더에 있는 config.php 에서 

define('G5_CAPTCHA_DIR',    'kcaptcha'); 

라고 되어 있는 부분을 

define('G5_CAPTCHA_DIR',    'recaptcha_invisible'); 

로 변경합니다. 

 

업로드시에 폴더명을 변경하였다면, 적절하게 맞춰 주시면 됩니다. 

 

 

3. 제한 사항 

 

curl 을 이용하므로, PHP curl 모듈이 설치되어 있어야 합니다. 일반적으로 설치되어 있습니다. ^^ 

file_get_contents 를 사용하기 위해서는 소스의 수정이 필요합니다. 

 

 

4. 참고 및 유의 사항 

 

- 그누보드에서 사용되는 모든 캡차가 변경됩니다. 글쓰기, 회원가입, 쪽지 등 

 

- recaptcha response 값을 서버단에서도 verify 합니다. secret key 가 필요합니다. 

 

 

5. 수정사항 

 

 

6. 추가사항 

 

6-1. CA 인증 관련 오류가 날 경우 아래 구문을 추가해 주세요. ( 참고 : http://sir.kr/qa/112257

 

curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

 

6-2. 사이트키를 사용할 수 없다는 메시지가 나오면, Invisible reCAPTCHA 키를 새로 발급받아서 해 보시기 바랍니다.  

 

4a3c3838215a8b4896b42f48acf8391a_1500626963_0993.png
 

 

 

7. 테스트 URL

 

http://www.baragi.net/bbs/board.php?bo_table=test_recaptcha_invis 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 34개

추천합니다.

시간나면 적용해봐야겠네요

감사합니다.
진서기 님의 g4m 은 아직도 잘 사용하고 있습니다. ^^
기존 리캡챠도 아주 잘사용하고 있습니다.
감사합니다.
Invisible reCAPTCHA 는 클릭 한번이 줄어서 좋은 것 같습니다. ^^
감사합니다^^ 개발할 때 참고하겠습니다 ㅎㅎ
사용해 주시면 제가 더 감사합니다. ^^
좋은 자료 항상 감사합니다.
곧 적용해 보겠습니다.
감사합니다.
혹시라도 버그가 있으면 알려 주세요. ^^
설치해봤는데 잘 작동하네요.
감사합니다.

그런데 구글캡차를 사용하면 그누 기본 캡차 사용할때보다
글쓰기 버튼 누른 후 글 작성되는 시간이 좀 오래 걸리던데 이건 원래 이런건가요?
새로운 캡차나 기존 구글 캡차나 동일하게 좀 느린듯 해서요.

그리고 마스타님 테스트 링크에서는 글쓰기가 안되네요.
살짝 느린 감은 저도 있습니다.
아마도 구글 서버를 경유하기 때문인 것으로 보입니다.
제 생각으로 이것은 개선이 힘들 듯 합니다.

그리고, 테스트 링크 수정해 놓았습니다. 죄송합니다. ㅠㅠ
와우 이제 봤네용. 방금 적용했습니다. 엄청 잘 되네요!!! 감사합니다. ㅎㅎ
잘 되신다니 다행입니다. ^^
혹시라도 버그가 있으면 알려 주세요. ㅎㅎ
감사합니다 잘 사용 할게요
이렇게 좋은걸 이제야 봤네요~
사용해 주시면 제가 더 감사합니다. ^^
설치를 해봤는데 스샷처럼 나오네요. ㅠㅠ;
마스타님 사용하고 싶습니다.
Site Key 와 Secret Key 를 발급 받아서 리차_api 파일에다가 넣어줬는데 안되네요.

혹시 뭔가를 더해야하나요?
[http://sir.kr/data/editor/1707/1cab9ba62aa26636c9dba7ff3bd2ebbf_1500624413_0233.jpg]
recaptcha admin 사이트에 보시면, 아래와 같은 화면이 나오는데,
Invisible reCAPTCHA 로 키를 새로 발급받아서 해 보시기 바랍니다.
[http://sir.kr/data/editor/1707/4a3c3838215a8b4896b42f48acf8391a_1500625562_0096.png]
와~ 감사합니다.
두번째로 하니까 잘되네요..
첫번째 골라서 키 받앗엇거든요
감사합니다. 마스터님~~
[http://sir.kr/data/editor/1707/1cab9ba62aa26636c9dba7ff3bd2ebbf_1500626039_6819.jpg]
개발자님들 존경합니다. 추천 및 스크랩 합니다. ^^
멋지고 좋은 소스 공개해 주셔서 감사합니다.
마스타님..잘 사용하고 있어요..
감사합니다.^0^

사용하다보니까 안되는것을 발견했어요
비회원일때(로그인안했을때) 대댓글이나 대대댓글, 대대대댓글등은 리챠가 안나와요
나오게 하려면 어떻게 수정하면 좋을까요?
대댓글에서 안된다는 말씀을 듣고 확인해 보니,
동작하지 않는 것이 확인되었습니다.

고쳐 보려고 하는데 잘 안되어서, 고민하고 있었는데..
그누보드 5.3 에서 구글캡챠가 기본 기능으로 추가가 되었습니다. ^^

그래서 그냥 수정을 포기하고 있습니다.
아마도, 수정이 힘들 것 같습니다.

죄송합니다.
아니에요^0^;
이렇게 좋은 자료 공개해주신것만으로도 감사합니다.^0^b
윗분처럼 저도 댓글에 댓글이나..대대댓글 작성할때...오류가뜹니다.ㅠㅠ 자동방지코드를 잘못입력했다고..

[http://sir.kr/data/editor/1712/921868cb4721010228185e325710a1ed_1513001770_5333.jpg]
그 테스트 사이트에서도 해봤는데
역시 위와같은 팝업창이 뜹니담..

감사합니다. (_ _)
[http://sir.kr/data/editor/1712/921868cb4721010228185e325710a1ed_1513002117_0695.jpg]
우선, 사용해 주셔서 감사합니다.

대댓글에서 동작하지 않는 현상은 확인이 되었습니다.

해당 기능이 대댓글에서 구현이 어려운 점도 있고,
무엇보다 그누보드 5.3 에서 구글캡챠가 기본으로 들어가게 되어서..
그누보드 5.3 을 기다리고 있습니다. ^^

불편을 드려 죄송합니다.
좋은자료 감사합니다 :D
정말 감사합니다~~ 바로 사용해봐야겠네요^^
감사합니다. 잘 사용하겠습니다.
좀 더 잘 사용하도록 하겠습니다.
이렇게 나오는게 정상적인가요? 님께서 링크 걸어준 것처럼 로봇이 아닙니다란 체크박스가 안 나오네요. 그렇다고 위쪽에 따로 이미지 체크가 나오지도 않구요.
invisible 리캡챠는 캡챠가 보이지 않도록 할 수 있습니다.
위 본문의 2-2 처럼 옵션을 확인해 보세요.

그리고, 실치된 곳을 보여 주시면, 좀더 정확하게 답변드릴 수 있을 것 같습니다.
그누보드 5.3 에서는 이 플러그인이 정상 동작하지 않는다고하셨는데 현재 yc5-5.3.1.2(PHP7.0) 버전을 설치하여 "사이트 소유자가 확인해야 하는 오류 메세지 : 사이트 키가 올바르지 않습니다." 라는 메시지가 뜨고 회원가입이 안되는건가요? 수정방법은 없을까요?
리캡챠 관리 사이트에서 사용하는 웹사이트의 도메인을 등록을 해야 합니다.
답변 감사드립니다^^