在需要保护的页面嵌入JS SDK,注意:一个网页(包括单页应用)嵌入一次即可;请在标签之后嵌入。
1、嵌入JS SDK
<script type="text/javascript" src="//g.alicdn.com/AWSC/AWSC/awsc.js"></script>
2、init接口
嵌入JS SDK之后,可以立即初始化SDK(只需初始化一次),以获取SDK对象,分别初始化人机识别模块和设备指纹模块。
初始化示例:
var uabModule;
var webUmidToken;
//人机识别模块,只需初始化一次
AWSC.use("uab", function (state, uab) {
if(state === "loaded") {
uabModule = uab;
}
});
//设备指纹模块,得到设备token,只需初始化一次
AWSC.use("um", function (state, um) {
if(state === "loaded") {
um.init({
appName: 'saf-aliyun-com',
}, function (initState, result) {
if(initState === 'success') {
webUmidToken = result.tn;
}
});
}
});
3、getUA接口
获取人机识别token数据。调用方式:
uabModule.getUA();
4、接入示例:
<body>
<button type="button" id='register' onclick="loginForm();">登录</button>
<script type="text/javascript" src="//g.alicdn.com/AWSC/AWSC/awsc.js"></script>
<script>
var uabModule;
var webUmidToken;
//人机识别模块,只需初始化一次
AWSC.use("uab", function (state, uab) {
if(state === "loaded") {
uabModule = uab;
}
});
//设备指纹模块,得到设备token,只需初始化一次
AWSC.use("um", function (state, um) {
if(state === "loaded") {
um.init({
//appName请直接使用'saf-aliyun-com'
appName: 'saf-aliyun-com',
}, function (initState, result) {
if(initState === 'success') {
webUmidToken = result.tn;
}
});
}
});
//处理业务函数
function loginForm(){
//得到人机token
var uaToken = uabModule.getUA();
//将uaToken和webUmidToken传入业务后台接口
var data = {
"webUmidToken": webUmidToken,
"uaToken": uaToken,
"其他业务参数":""
};
//发送后台请求....
}
</script>
</body>
5、调用风险识别API接口
将uaToken、webUmidToken与其他参数,根据如下相应的风险识别服务事件参数文档说明,请求风险识别API接口进行识别:
接入和使用时序图如下,其中第1和2步骤仅首次加载需要调用,第3、4、5、6、7、8、9步骤可以根据业务情况循环发起。