设备指纹系列--前端篇-Toy模板网

这篇具有很好参考价值的文章主要介绍了设备指纹系列--前端篇。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

基础篇请看：设备指纹系列–基础篇

我们接着前文继续写关于设备指纹前端接入方面的内容。话不多说，直接步入正题。

我们会在下文展示5种前端接入的方式，包括web接入、安卓接入、ios接入、微信小程序接入以及支付宝小程序接入。

Web接入

第一步：引入

在页面 HTML 中引入 const-id.js，代码形如：

<script src="https://cdn.dingxiang-inc.com/ctu-group/constid-js/index.js"></script>

因js文件会定期更新，为避免js失效影响您的使用，请不要将js下载到本地服务器上引入

第二步：生成并使用

页面加载后，初始化设备指纹，需要在 JavaScript 中调用 _dx.ConstID(options, callback) 方法获取设备指纹token，代码形如：

var options = {
  appId: '【这里填写 AppID】', // 唯一标识，必填
  server: 'https://constid.dingxiang-inc.com/udid/c1', // constId 服务接口，可选
  userId: '【这里填写 userID】' // 用户标识，可选
};

_dx.ConstID(options, function (err, token) {
  if (err) {
    // console.log('error: ' + err);
    return;
  }
  // console.log('const-id token is ' + token);
});

同时也支持Promise的用法

_dx.ConstID(options).then(function(token) {
  console.log(token)
}).catch(function(err) {
  console.log(err)
})

options 字段说明

字段	类型	是否必填	说明
appId	String	是	当前应用的标识
server	String	否	constId 服务接口，可选，如不填，则默认会用云服务接口
scene	String	否	场景标识，例如 `login`、`survey` 等
userId	String	否	业务方的用户唯一标识，例如用户名、用户ID、手机号、Email等
timeout	number	否	超时失败时间，单位为毫秒
cache	boolean	否	默认为 true，表示会缓存采集结果；改为 false 则每次会重新采集

PC浏览器兼容

浏览器	最低版本
IE	8
Edge	20
Chrome	60
Safari	11
Firefox	60
360	10
Sougou	8
QQ	4

移动端浏览器兼容

浏览器	最低版本
Chrome	60
UC	12
QQ	8
Safari	11
原生	安卓4.0及以上

安卓接入

一、环境要求

条目	说明
开发目标	Android 4.0+
开发环境	Android Studio 3.0.1 或者 Eclipse + ADT
CPU架构	ARM 或者 x86
SDK三方依赖	无

二、集成SDK

2.1 下载SDK

点击下载SDK

点击下载demo(仅做代码配置演示使用）

2.2 Android Studio 集成

SDK包集成内容：

dx-risk-vx.x.x.aar

2.2.1 把aar文件放到相应模块的libs目录下

Demo工程结构如下文章来源地址https://www.toymoban.com/news/detail-477182.html

.
├── app
│   ├── build.gradle
│   ├── libs
│   │   └── dx-risk-vx.x.xxr.xxxxxxxx.aar
│   ├── proguard-rules.pro
│   └── src
│       └── main
├── build.gradle
├── gradle
├── gradle.properties

到了这里，关于设备指纹系列--前端篇的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！