<script src="https://checkify.me/sdk/v1/checkify.min.js"></script>
로드 후
window.Checkify.version
는 SDK 릴리스(현재 1.0.1)를 보고합니다.
페이지 로드 시 SDK은 다음 속성을 가진 요소를 자동 마운트합니다.
<div
data-checkify-pass="YOUR_PASS_ID"
data-checkify-request="human"
data-checkify-text="Verify with Checkify"
data-checkify-return-url="https://yoursite.com/done"
></div>
사용되지 않음:
data-checkify-launcher
는 여전히 작동하지만 콘솔을 기록합니다. 경고. 대신 Pass + 요청 유형을 사용하세요.
위젯을 마운트하기 전에 전역 기본값을 설정하세요.
Checkify.configure({
baseUrl: 'https://checkify.me',
completeUrl: '/checkify/complete'
});Renders는 확인 버튼이고, 숨겨진 입력에 토큰을 쓰고, 확인될 때까지 제출을 비활성화합니다.
Checkify.bindForm('#my-form', {
passId: 'YOUR_PASS_ID',
requestType: 'human',
buttonTarget: '#checkify-wrap',
submitButton: '#submit',
hiddenInput: '#checkify_token',
disableSubmitUntilVerified: true
});확인이 완료될 때까지 콘텐츠를 차단하는 전체 페이지 또는 컨테이너 게이트.
Checkify.createHumanGate({
passId: 'YOUR_PASS_ID',
requestType: 'human',
container: '#gate-root',
title: 'Verify to continue'
});
사용자가 Checkify 앱을 사용하는 경우 쿼리 문자열에
checkify_request_id
가 포함되어 귀하의 사이트로 돌아올 수 있습니다. SDK은 로드 시 자동으로
Checkify.checkReturnedVerification()
를 호출합니다.
window.addEventListener('checkify:verified', (e) => {
console.log('Verified', e.detail);
});
window.addEventListener('checkify:error', (e) => {
console.error('Checkify error', e.detail);
});| 방법 | 설명 |
|---|---|
Checkify.mount(root?) | 선택적 루트 요소 아래 마운트 패스 위젯 |
Checkify.bindForm(...) | 양식 통합 도우미 |
Checkify.createHumanGate(...) | 사람 확인 게이트 UI |
Checkify.verify(options) | 프로그래밍 방식의 확인 흐름 |
Checkify.checkReturnedVerification() | 앱 핸드오프 후 반환 URL 처리 |