JavaScript SDK v1.0.4
เพิ่ม Checkify ลงในเว็บไซต์ด้วย Pass ID หนึ่งรายการและประเภทคำขอ ไม่ต้องตั้งค่า launcher ด้วยตนเอง
ในแอป Checkify หรือแดชบอร์ดธุรกิจ สร้างไซต์ดิจิทัลและลงทะเบียนโดเมนที่ embed จะทำงาน Checkify จัดเตรียม Pass หนึ่งรายการต่อไซต์โดยอัตโนมัติ (เช่น
chk_live_...).
สำหรับการทดสอบ sandbox ใช้ Pass ทดสอบ (
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>
เบราว์เซอร์ได้รับเฉพาะโทเค็น ต้องยืนยันฝั่งเซิร์ฟเวอร์เสมอก่อนอนุญาตการดำเนินการที่ปกป้อง
POST /v1/qr/results/verify
พร้อม
request_id
จากฟิลด์ที่ซ่อน (embed รุ่นเก่าอาจยังส่ง poll token)
ดู
คู่มือยืนยันฝั่งเซิร์ฟเวอร์.
สำหรับข้อมูลเกี่ยวกับเหตุการณ์ของเบราว์เซอร์และ URL ที่ส่งคืน โปรดดูที่...
ฝังการอ้างอิง API สำหรับ events และการจัดการ return URL
| ประเภทคำขอ | การอ้างสิทธิ์ของเซิร์ฟเวอร์ (required_claims) | การใช้งานทั่วไป |
|---|---|---|
human | ยืนยันโดยมนุษย์ | ลดบอท/สแปม |
age_over_13 | อายุมากกว่า 13 ปี | เนื้อหา 13+ หรือเกณฑ์การตรวจสอบแบบ COPPA |
age_over_16 | อายุมากกว่า 16 ปี | เนื้อหาสำหรับผู้ที่มีอายุ 16 ปีขึ้นไป หรือข้อกำหนดด้านอายุในแต่ละภูมิภาค |
age_over_18 | อายุมากกว่า 18 ปี | เนื้อหา 18+ หรือ checkout |
age_over_21 | อายุมากกว่า 21 ปี | สินค้า 21+ (แอลกอฮอล US ฯลฯ) |
age_over_25 | อายุมากกว่า 25 ปี | เกณฑ์อายุที่สูงขึ้น |
ใช้ประเภทคำขอเหล่านี้ในโค้ดฝังของคุณ (data-checkify-request หรือ Checkify.bindForm) บนเซิร์ฟเวอร์ของคุณ ให้ตรวจสอบกับ claim ที่ตรงกันใน required_claims