阿里云的服务 数据风控下面有项滑动验证, 适合有人机验证场景的应用接入.
所谓滑动验证, 是在需要进行人机识别时, 前端出现验证滑块, 通过拖动滑块到末尾, 实现验证. 如果阿里云认为此次验证风险稍高, 可能出现点击汉字的认证等, 如果风险太高, 验证会直接拒绝.
集成过程基本是按照 阿里云官方文档 来进行的.
开通滑动验证服务之后, 阿里云控制台会给出前后端的示例代码, 其中appkey是根据用户不同分配的不通的key.
前端代码如下所示:
示例-WEB版用户名:
密码:
var nc = new noCaptcha();
var nc_appkey = '你的appkey'; // 应用标识,不可更改
var nc_scene = 'other'; //场景,不可更改
var nc_token = [nc_appkey, (new Date()).getTime(), Math.random()].join(':');
var nc_option = {
renderTo: '#dom_id',//渲染到该DOM ID指定的Div位置
appkey: nc_appkey,
scene: nc_scene,
token: nc_token,
trans: '{"name1":"code0"}',//测试用,特殊nc_appkey时才生效,正式上线时请务必要删除;code0:通过;code100:点击验证码;code200:图形验证码;code300:恶意请求拦截处理
callback: function (data) {// 校验成功回调
console.log(data.csessionid);
console.log(data.sig);
console.log(nc_token);
document.getElementById('csessionid').value = data.csessionid;
document.getElementById('sig').value = data.sig;
document.getElementById('token').value = nc_token;
document.getElementById('scene').value = nc_scene;
}
};
nc.init(nc_option);
body {