아임웹 심플 리캡챠(simple reCaptcha)-매크로방지,로봇방지,보안문 지원하기

안녕하세요 달망이 입니다.

외주를 작업하다가 고객사에서 간단한 리캡챠(로봇방지)를 지원해달라고 하셔서 

만든 결과를 공유해봅니다. 

 

 

도입이유

악성 사용자가 매크로를 이용해서, 지속적으로 CS팀을 귀찮게 하기 위해서 견적문의를 끊임없이 한다고 했습니다.

이런 악성사용자를 거르지 않으면 CS팀은 매번 악성사용자의 견적을 끝까지 읽어야해서 시간낭비를 하게됩니다.

심지어 아임웹 기능에서 견적신청후에 SMS기능까지 연결해놨다면, 문자비용까지 소모되는 상황이 생깁니다.

 

아임웹에서는 견적문의 기능을 지원하지만, 기본적인 매크로 입력이나, 보안문자를 제공하지 않아서 

임베드 코드로 직접 구현해야했습니다...

 

 

 

 

 

상황

아임웹 서버측 코드까지 바꿀 순 없으니, 구글의 로봇방지 기술인 reCaptcha v2, v3를 지원할 순 없었습니다..

v1은 뚫기가 쉬워서 진작에 폐기처리 당했습니다.

 

그치만 저는 그 v1 시스템 정도가 필요했고,

고객사도 그정도만 원했고, 아임웹특성상 이정도까지밖에 지원할 수 없어서

v1정도로 만들게 됩니다.

 

 

 

 

결과

먼저 결과부터 보면, 이렇게 간단하게 생겼습니다.

매번 새로고침하면 문자가 바뀝니다.

 

 

 

 

로직

아임웹의 임베드 코드를 이용해서 
js코드를 이용해서 아임웹 html을 뜯어 고치고, 거기에 랜덤한 보안문자를 만들어서 보여주고

보안문자를 잘 입력해야만, 밑에 있는 문의하기가 정상적으로 동작되고,

정상동작되었을때만 요청한 견적이 시스템관리자에 쌓이게 됩니다.

 

 

 

 

 

 

 

 

코드 (압축파일)

dalgonakit.tistory.com_imweb_simple_captcha.zip

0.00MB

 

 

 

 

비밀번호는 댓글로 요청해주세요.

직접연동문의는 비밀댓글로 연락처 적어주시면 5만원에 해드립니다.