安全验证 - 客户端SDK接入指南

    兼容性

    目前web端浏览器支持IE7+、Chrome、Firefox、Safari、Opera以及主流的手机浏览器等

    接入流程

    1、将下载包中的dhvc_demo.html和dhvc_web.js文件引入到服务端服务器,并进行安全验证码的相关配置,如下图所示

    注:下载的开发者服务器的sdk中已经包含pc页面和手机浏览器的页面,可直接进行测试




    2、配置js中的按钮参数


    3、获取首次校验返回的code的方法,可直接调用dhvc_web.js文件中的‘getFirstVerifyCode’方法,该方法代码如下所示:
        //获取存储在页面的successCode
        InitJS.prototype.getFirstVerifyCode = function () {
            var successCodeDom = document.getElementById("successCodeInp");
            if(initObject.isNull(successCodeDom)){
                initObject.popArea("对不起,校验未通过,请先通过校验");
                return null;
            }else {
                var successCode = document.getElementById("successCodeInp").value;
                if(initObject.isNull(successCode)){
                    initObject.popArea("对不起,校验未通过,请先通过校验");
                    return null;
                }else{
                    return successCode;
                }
            }
        };
                            

    3、手机端浏览器页面配置和pc端浏览器页面基本相同,同时也需要在页面引入dhvc_web.js文件,不同的地方主要在于两者的样式,页面元素的大小以及手指的各种touch事件,在下载的pc端的demo中dhvc_phone_demo.html即为手机端浏览器的页面