Web SDK統合ガイド

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

            

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

            

              
              var config = {
    captchaId: 'xxxx', // 検証ID
    apiServers: ['https://captcha-api.engagelab.com'], // 検証サーバーアドレスのリスト、必須設定
    staticServers: ['https://captcha-stat.engagelab.com/www/js'] // 静的リソースサーバーアドレスのリスト、必須設定
}
/**
 * @desc 初期化完了後のコールバック
 * @param { Object } gt キャプチャインスタンス
 */
var callback = function(gt) {
  // キャプチャインスタンスに基づいて関連業務を処理、例えばキャプチャウィンドウのトリガー、検証成功イベントのリスニングなど...
}
initGeetest(config, callback)

            

              
              <div id="captch_wrap" class="captch-wrap"></div>
var config = {
    captchaId: 'xxxx', // 検証ID
    apiServers: ['https://captcha-api.engagelab.com'], // 検証サーバーアドレスのリスト、必須設定
    staticServers: ['https://captcha-stat.engagelab.com/www/js'], // 静的リソースサーバーアドレスのリスト、必須設定
    product: 'bind' // シナリオ2
}
/**
 * @desc 初期化完了後のコールバック
 * @param { Object } gt キャプチャインスタンス
 */
var callback = function(gt) {
    gt.onReady(function() {
      // シナリオ1: EngageLabが提供する組み込みボタンを使用してキャプチャウィンドウをトリガー
      // 組み込みボタンを指定エリアに追加
      gt.appendTo("#captch_wrap")
      // シナリオ2: キャプチャウィンドウのカスタムトリガー
      // 特定のイベントでインスタンスのshowCaptchaメソッドを呼び出す
      // 例えば、キャプチャが準備完了後に即座にトリガー
      gt.showCaptcha()
    })
}
initGeetest(config, callback)

            

              
              /**
 * @desc 初期化完了後のコールバック
 * @param { Object } gt キャプチャインスタンス
 */
var callback = function(gt) {
    // キャプチャウィンドウをトリガー...
    // 検証結果をリスニング
    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"
        }
        // 業務システムに送信...
    })
})