Web-H5滑动验证码配置

时间：2023-04-05 15:42:43 HTML5

环境要求兼容IE8+、Chrome、Firefox、360浏览器、QQ浏览器等主流浏览器。获取appId请先进入顶部镜像控制台的“应用管理”或“应用配置”模块，找到appId如下图所示。获取apiServer并在菜单栏验证->应用管理页面左上角显示“访问域名”，即前端访问apiServer，如下图：importJS注意：由于验证码JS会不定期更新，请直接参考CDN上的Top图片资源，为及时获取最新的安全防护，请勿将JS文件下载到自己的服务器上使用。初始化下面列出了Javascript、React、Vue的初始化接入示例代码：Javascript示例假设页面上有一个

，验证码可以初始化如下。varmyCaptcha=_dx.Captcha(document.getElementById('c1'),{appId:'appId',//appId,在控制台应用管理或应用配置模块获取apiServer:'https://xxx.dingxiang-inc.com',//apiServer域名地址在控制台页面左上角->非感应验证->应用管理页面获取，必须填写完整包括https://.success:function(token){//console.log('token:',token)//获取后端验证的验证码token，注意如果获取的token是sl开头的字符串，则为降级token前端网络故障，请检查前端网络和apiServer地址。}})初始化完成后，验证码组件会被插入到

中。React示例假设页面上有一个

，您可以像这样初始化验证码：//类组件使用componentDidMountuseEffect(()=>{_dx.Captcha(document.getElementById('demo'),{appId:'appId',//appId,在控制台应用管理或应用配置模块中获取apiServer:'https://xxx.dingxiang-inc.com',//apiServer中的域名地址控制台页面->无感验证->从应用管理页面左上角获取，必须完整填写，包括https://.success:token=>{//获取后台验证码token-端验证，注意如果获取到的token以sl开头的字符串为前端网络故障生成的降级token，请检查前端网络和apiServer地址console.log(token);}});},[])您可以点击查看完整的React示例代码。初始化完成后，验证代码组件将被插入到