全部产品
云市场

设备指纹JS-web/H5/wap接入

更新时间:2018-12-26 09:58:28

接入步骤:

1、嵌入JS SDK

在需要保护的页面嵌入JS SDK,注意:一个网页(包括单页应用)嵌入一次即可;请在标签之后嵌入。

  1. <script type="text/javascript" src="//g.alicdn.com/AWSC/AWSC/awsc.js"></script>

2、init接口

嵌入JS SDK之后,可以立即初始化SDK(只需初始化一次),以获取SDK对象,分别初始化人机识别模块和设备指纹模块。

初始化示例:

  1. var uabModule;
  2. var webUmidToken;
  3. //人机识别模块,只需初始化一次
  4. AWSC.use("uab", function (state, uab) {
  5. if(state === "loaded") {
  6. uabModule = uab;
  7. }
  8. });
  9. //设备指纹模块,得到设备token,只需初始化一次
  10. AWSC.use("um", function (state, um) {
  11. if(state === "loaded") {
  12. um.init({
  13. appName: 'saf-aliyun-com',
  14. }, function (initState, result) {
  15. if(initState === 'success') {
  16. webUmidToken = result.tn;
  17. }
  18. });
  19. }
  20. });

3、getUA接口

获取人机识别token数据。调用方式:

  1. uabModule.getUA();

4、接入示例:

  1. <body>
  2. <button type="button" id='register' onclick="loginForm();">登录</button>
  3. <script type="text/javascript" src="//g.alicdn.com/AWSC/AWSC/awsc.js"></script>
  4. <script>
  5. var uabModule;
  6. var webUmidToken;
  7. //人机识别模块,只需初始化一次
  8. AWSC.use("uab", function (state, uab) {
  9. if(state === "loaded") {
  10. uabModule = uab;
  11. }
  12. });
  13. //设备指纹模块,得到设备token,只需初始化一次
  14. AWSC.use("um", function (state, um) {
  15. if(state === "loaded") {
  16. um.init({
  17. //appName请直接使用'saf-aliyun-com'
  18. appName: 'saf-aliyun-com',
  19. }, function (initState, result) {
  20. if(initState === 'success') {
  21. webUmidToken = result.tn;
  22. }
  23. });
  24. }
  25. });
  26. //处理业务函数
  27. function loginForm(){
  28. //得到人机token
  29. var uaToken = uabModule.getUA();
  30. //将uaToken和webUmidToken传入业务后台接口
  31. var data = {
  32. "webUmidToken": webUmidToken,
  33. "uaToken": uaToken,
  34. "其他业务参数":""
  35. };
  36. //发送后台请求....
  37. }
  38. </script>
  39. </body>

5、调用风险识别API接口

将uaToken、webUmidToken与其他参数,根据如下相应的风险识别服务事件参数文档说明,请求风险识别API接口进行识别:

注册风险识别-增强版事件参数

营销风险识别-增强版事件参数

登录风险识别-增强版事件参数

接入和使用时序图如下,其中第1和2步骤仅首次加载需要调用,第3、4、5、6、7、8、9步骤可以根据业务情况循环发起。

web_js_sequence