Checkify
개발자 문서

Embed SDK 참조

Browser API for Checkify Pass 확인. CDN URL: https://checkify.me/sdk/v1/checkify.min.js

설치

<script src="https://checkify.me/sdk/v1/checkify.min.js"></script>

로드 후 window.Checkify.version 는 SDK 릴리스(현재 1.0.1)를 보고합니다.

HTML 자동 마운트

페이지 로드 시 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 + 요청 유형을 사용하세요.

방법설명
data-checkify-passYour Checkify Pass public ID (required)
data-checkify-requestRequest type: human, age_over_18, age_over_21, age_over_25, or age_over_N
data-checkify-textButton label text
data-checkify-return-urlOptional URL to return to after app handoff
data-checkify-launcherDeprecated launcher ID — use data-checkify-pass instead

Checkify.configure(options)

위젯을 마운트하기 전에 전역 기본값을 설정하세요.

Checkify.configure({
  baseUrl: 'https://checkify.me',
  completeUrl: '/checkify/complete'
});

Checkify.bindForm(form, options)

Renders는 확인 버튼이고, 숨겨진 입력에 토큰을 쓰고, 확인될 때까지 제출을 비활성화합니다.

Checkify.bindForm('#my-form', {
  passId: 'YOUR_PASS_ID',
  requestType: 'human',
  buttonTarget: '#checkify-wrap',
  submitButton: '#submit',
  hiddenInput: '#checkify_token',
  disableSubmitUntilVerified: true
});

Checkify.createHumanGate(options)

확인이 완료될 때까지 콘텐츠를 차단하는 전체 페이지 또는 컨테이너 게이트.

Checkify.createHumanGate({
  passId: 'YOUR_PASS_ID',
  requestType: 'human',
  container: '#gate-root',
  title: 'Verify to continue'
});

반환 URL 흐름

사용자가 Checkify 앱을 사용하는 경우 쿼리 문자열에 checkify_request_id 가 포함되어 귀하의 사이트로 돌아올 수 있습니다. SDK은 로드 시 자동으로 Checkify.checkReturnedVerification() 를 호출합니다.

Checkify.verify(options)

Start verification programmatically without auto-mounting HTML. Returns a promise that resolves when the user completes or cancels.

const result = await Checkify.verify({
  passId: 'YOUR_PASS_ID',
  requestType: 'human',
  container: document.getElementById('checkify-root')
});
console.log(result.requestId); // send to your server as request_id

이벤트

window.addEventListener('checkify:verified', (e) => {
  console.log('Verified', e.detail);
});

window.addEventListener('checkify:error', (e) => {
  console.error('Checkify error', e.detail);
});

Status polling (optional)

Most integrations should verify on form submit with POST /v1/qr/results/verify. For custom frontends without the embed, you may poll status while the user completes verification in the app.

서버 확인

방법

방법설명
Checkify.mount(root?)선택적 루트 요소 아래 마운트 패스 위젯
Checkify.bindForm(...)양식 통합 도우미
Checkify.createHumanGate(...)사람 확인 게이트 UI
Checkify.verify(options)프로그래밍 방식의 확인 흐름
Checkify.checkReturnedVerification()앱 핸드오프 후 반환 URL 처리