คู่มือการผสานรวม Web SDK

              
              ["slide","icon","nine","match"]

            

              
              <script src="https://captcha-stat.engagelab.com/www/gt4.js"></script>

            

              
              var config = {
    captchaId: 'xxxx', // รหัสยืนยัน
    apiServers: ['https://captcha-api.engagelab.com'], // รายการที่อยู่เซิร์ฟเวอร์ยืนยัน ต้องกำหนดค่าตามที่กำหนด
    staticServers: ['https://captcha-stat.engagelab.com/www/js'] // รายการที่อยู่เซิร์ฟเวอร์ทรัพยากรสถิติต้องกำหนดค่าตามที่กำหนด
}
/**
 * @desc Callback หลังจากการเริ่มต้นเสร็จสิ้น
 * @param { Object } gt อินสแตนซ์ Captcha
 */
var callback = function(gt) {
  // จัดการธุรกิจที่เกี่ยวข้องตามอินสแตนซ์ captcha เช่น การเรียกหน้าต่าง captcha การฟังเหตุการณ์ยืนยันสำเร็จ...
}
initGeetest(config, callback)

            

              
              <div id="captch_wrap" class="captch-wrap"></div>
var config = {
    captchaId: 'xxxx', // รหัสยืนยัน
    apiServers: ['https://captcha-api.engagelab.com'], // รายการที่อยู่เซิร์ฟเวอร์ยืนยัน ต้องกำหนดค่าตามที่กำหนด
    staticServers: ['https://captcha-stat.engagelab.com/www/js'], // รายการที่อยู่เซิร์ฟเวอร์ทรัพยากรสถิติต้องกำหนดค่าตามที่กำหนด
    product: 'bind' // สถานการณ์ที่ 2
}
/**
 * @desc Callback หลังจากการเริ่มต้นเสร็จสิ้น
 * @param { Object } gt อินสแตนซ์ Captcha
 */
var callback = function(gt) {
    gt.onReady(function() {
      // สถานการณ์ที่ 1: ใช้ปุ่มในตัวที่มีให้โดย EngageLab เพื่อเรียกหน้าต่าง captcha
      // เพิ่มปุ่มในตัวในพื้นที่ที่ระบุ
      gt.appendTo("#captch_wrap")
      // สถานการณ์ที่ 2: การเรียกหน้าต่าง captcha แบบกำหนดเอง
      // เรียกใช้เมธอด showCaptcha ของอินสแตนซ์ในเหตุการณ์เฉพาะ
      // ตัวอย่างเช่น เรียกทันทีหลังจาก captcha พร้อมใช้งาน
      gt.showCaptcha()
    })
}
initGeetest(config, callback)

            

              
              /**
 * @desc Callback หลังจากการเริ่มต้นเสร็จสิ้น
 * @param { Object } gt อินสแตนซ์ Captcha
 */
var callback = function(gt) {
    // เรียกหน้าต่าง captcha...
    // ฟังผลการยืนยัน
    gt.onSuccess(function(res) {
        console.log(res)
    })
}
initGeetest({...}, callback)

            

              
              initGeetest({..., toolbar: ['close', 'refresh']}, function() {...})

            

              
              initGeetest({..., language: 'zh'}, function() {...})

            

              
              initGeetest({...}, function(gt) {
    ...
    gt.onSuccess(function(res) {
        console.log(res) // ตัวอย่างผลลัพธ์การยืนยันสำเร็จ
        {
            captcha_id: "59bbe0f128f0624fdd185a6a2207aa54",
            captcha_output: "X000Q5p.....i-SFRyH1",
            client_type: "web",
            gen_time: "1648204854",
            lot_number: "200e2e58e1d3a6906e08cc9ff5c6e0b5",
            offline: true,
            pass_token: "e000b4dc372c1397976f7b8f12d66ea8d5c993ab2db5810258e835429f6fa4ae"
        }
        // ส่งไปยังระบบธุรกิจ...
    })
})