JavaScript SDK 만들기 v1.0.4
하나의 패스 ID와 요청 유형을 사용하여 웹사이트에 Checkify을 추가하세요. 수동 런처 설정이 필요하지 않습니다.
Checkify 앱이나 비즈니스 대시보드에서 디지털 사이트를 생성하고 임베드가 실행될 도메인을 등록하세요. Checkify은 사이트당 하나의 패스를 자동 프로비저닝합니다(예:
chk_live_...).
샌드박스 테스트의 경우 테스트 환경 사이트의
chk_test_...)
테스트 패스를 사용합니다.
이를 페이지에 붙여넣습니다.
YOUR_PASS_ID
를 바꾸고 요청을 선택합니다.
<script src="https://checkify.me/sdk/v1/checkify.min.js"></script>
<div
data-checkify-pass="YOUR_PASS_ID"
data-checkify-request="human"
data-checkify-text="Verify with Checkify"
></div>
로그인, 가입, 결제 또는 문의 양식의 경우 SDK이 버튼, 숨겨진 토큰 필드 및 제출 상태를 처리하도록 합니다.
<form id="signup-form">
<input type="email" name="email" required>
<input type="hidden" id="checkify_token" name="checkify_token">
<div id="checkify-button"></div>
<button id="submit" type="button">Create account</button>
</form>
<script src="https://checkify.me/sdk/v1/checkify.min.js"></script>
<script>
Checkify.bindForm('#signup-form', {
passId: 'YOUR_PASS_ID',
requestType: 'human',
buttonTarget: '#checkify-button',
submitButton: '#submit',
hiddenInput: '#checkify_token'
});
</script>
브라우저는 보호된 작업을 허용하기 전에 항상 서버 측에서 확인합니다.
| 요청 유형 | 서버 클레임(required_claims) | 일반적인 사용 |
|---|---|---|
human | 인간 검증됨 | 봇/스팸 감소 |
age_over_13 | 13세 이상 | 13세 이상 이용가 콘텐츠 또는 COPPA 스타일 게이트 |
age_over_16 | 16세 이상 | 16세 이상 이용가 콘텐츠 또는 지역별 연령 제한 규정 |
age_over_18 | 18세 이상 | 18개 이상의 콘텐츠 또는 체크아웃 |
age_over_21 | 21세 이상 | 21개 이상의 제품(미국 주류 등) |
age_over_25 | 25세 이상 | 더 높은 연령 기준 |
임베드에서 다음 요청 유형(data-checkify-request 또는 Checkify.bindForm)을 사용하세요. 서버에서 required_claims에 있는 해당 클레임과 일치하는지 확인하세요.