XETOWN

안개 골목

최신 웹 개발에 대한 이야기들을 나눠보세요. XE개발에 대해서도 배워볼 수 있습니다.
조회 수 323 추천 수 2 댓글 4
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

invisible_recaptcha.png

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

 

※소식을 처음 본 1차 출처 링크

http://bbs.ruliweb.com/news/board/1003/read/2115399

※원본출처

https://www.bleepingcomputer.com/news/google/google-preparing-invisible-recaptcha-system-for-no-user-interaction/

 

구글, 보이지 않는 reCAPTCHA 개발중

오랜만에 들어와서 웹소식 남겨봅니다.

 

이제까지 구글 리캡챠는 인증 화면을 화면에 노출시키고 인증버튼의 클릭을 통하여 인증을 받았었는데요, 새로이 개발되는 보이지 않는 리캡챠는 화면에 인증 화면을 노출시키지 않고 인증버튼을 따로 누를 필요없이 자동 인증시킬 수 있는것이 특징입니다. 현재 베타 버전 상태이며 위 구글 주소를 통해 신청 후 사용해 볼 수 있습니다.

 

자세한 소개는 출처를 통하여 읽어보시기 바라며 저는 여러분에게 Invisible reCAPTCHA의 적용 방법을 소개해 보도록 하겠습니다.

Invisible reCAPCHA를 사용하기 위해서 특별히 코드를 받거나 새로운 코드를 작성할 필요는 없으나 현재 구글 리캡챠를 사용중인 사이트와 사이트키를 가지고 있는 대상을 전제로 합니다.

1. 위 구글 Invisible reCAPCHA 사이트에서 SIGN UP을 클릭하세요.


2. 등록을 위한 필수 입력사항을 기재하세요. 
   (특히 현재 구글 리캡챠의 사이트키 정보와 외부에서 접속가능한 실제 사이트주소 입력이 필수 입니다.)


3. 등록이 완료 되었다면 심사를 거쳐 며칠 후 이메일 주소로 사이트키가 허용 되었다는 안내와 함께 설명파일이 도착하게됩니다.
   (PDF파일이 도착하게 되니 스팸으로 걸러지지 않게 주의하세요.)

 

4. 적용방법

<form>
<div class="g-recaptcha" data-sitekey="[sitekey]"></div>
<input type="submit" value="{$lang->cmd_registration}" class="btn" />
</form>
<form>
<input type="submit" value="{$lang->cmd_registration}" class="btn g-recaptcha" data-badge="bottomleft" data-callback="recaptcha_callback" data-sitekey="[sitekey]" />
</form>
<script>//<![CDATA[
    function recaptcha_callback(res)
    {
        if(res.length !== 0){
            jQuery("[type=submit].g-recaptcha").parents("FORM").submit();
        }
    }
//]]></script>

 

5. 적용이 완료되면 아래와 같은 로고가 보여지게 됩니다. 아래의 로고는 css 제어(class="grecaptcha-badge")를 통해 화면에서 감출 수 있습니다.

スクリーンショット 2016-12-12 22.10.46.png

 

추가

기존의 코드와 새로운 코드를 멀티 적용하시면 Invisible reCAPTCHA 방법을 우선 적용하는군요.

(호환성 유지를 위해 기존코드는 냅두는게 좋아보입니다.)

<div class="g-recaptcha" data-sitekey="[sitekey]"></div>
<input type="submit" value="{$lang->cmd_registration}" class="btn g-recaptcha" data-badge="bottomleft" data-callback="recaptcha_callback" data-sitekey="[sitekey]" />

 

  • profile
    CONORY 2016.12.12 23:18:51
    더 편리해지겠네요^^
  • profile
    다이오니 2016.12.12 23:21:36
    정식버전이 나오면 코노리님이 다시 한번 힘써주시길 부탁드리겠습니다!
  • profile
    CONORY 2016.12.12 23:23:53
    네ㅎㅎ
  • profile
    우성군 2016.12.12 23:48:46
    와우 대박이네요!

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
256 소스공유 APM 최신 Stable 소스 설치 6 아파치 2017.02.05 128
255 개발이야기 1년간 개발한 모듈의 관리자 페이지 디자인 변경 작업을 하면서.. 4 file 구름이 2017.01.24 207
254 XE 개발팁 동영상 삽입시 소스모드로 바꾸지 않아도 되도록 하기 11 기진곰 2017.01.09 231
253 소스공유 토렌트 정보 애드온 수정본 (트레커, 파일쪽 textarea처리) 4 file 우리아기 2017.01.07 156
252 XE 개발팁 애드온에서 변수 중복 방지하기 2 기진곰 2017.01.03 91
251 소스공유 APM 자동설치 스크립트... 28 file 아파치 2016.12.31 240
250 개발이야기 라이믹스가 한 살이 되었습니다. 16 file 기진곰 2016.12.18 321
249 개발이슈 php7 에서 xe 비정상 작동시 확인 구름이 2016.12.16 161
248 XE 개발팁 xe 템플릿에서 가변 변수 사용하기 2 구름이 2016.12.16 117
» 최신 웹소식 구글, 보이지 않는 reCAPTCHA 개발중 4 file 라르게덴 2016.12.12 323
246 소스공유 스크롤바를 아래로 내렸을때 숨겨둔 컨텐츠 표시하기( jquery Infinite Scrolling ) 12 구름이 2016.12.05 241
245 개발이야기 Nginx, Apache PageSpeed 모듈 7 우성군 2016.11.28 174
244 XE 개발팁 사이트 메뉴에 메뉴 타입 추가하는 방법 3 file 갸라 2016.11.28 116
243 최신 웹소식 최근 국내 웹브라우저 점유율 9 file 휘즈 2016.10.19 352
242 개발이야기 슈퍼캐시 사용시 캐시파일 재생성 오류 패치 69 기진곰 2016.10.05 349
241 개발이야기 회원 차단 모듈 .. (수요조사) 20 구름이 2016.09.28 197
240 개발이야기 회원 차단 모듈 개발중.. 중간 잡담 21 구름이 2016.09.26 151
239 최신 웹소식 디도스 공격의 계절 14 기진곰 2016.09.24 271
238 최신 웹소식 삼성전자, 세계 최고 성능 ‘960 PRO’ 2TB 공개 13 하늘희 2016.09.21 202
237 개발이야기 로딩속도 0.01초에 도전합니다. (슈퍼캐시) 48 file 기진곰 2016.09.17 769
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 14 Next
/ 14
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...