阿里云实人认证 前端怎么写
时间: 2024-06-01 11:02:35 浏览: 12
阿里云实人认证提供了多种前端集成方式,具体选择哪种方式需要根据你的业务场景和技术栈来决定。以下是两种常见的前端集成方式:
1. 使用阿里云实人认证提供的 JS SDK
阿里云实人认证提供了 JS SDK,可以通过在 HTML 中引入 SDK 的方式来使用阿里云实人认证服务。具体步骤如下:
- 在 HTML 中引入 JS SDK:
```html
<script src="https://g.alicdn.com/idst-exp/id-preset-sdk/1.0.0/index.js"></script>
```
- 创建认证对象:
```javascript
const auth = new window.IDPreset({
preset: '<preset>',
bizType: '<bizType>',
token: '<token>',
onSuccess: function(data) {
console.log('认证成功', data);
},
onError: function(error) {
console.log('认证失败', error);
}
});
```
其中,`preset` 是预设的认证流程,`bizType` 是业务类型,`token` 是认证的 token,`onSuccess` 是认证成功的回调函数,`onError` 是认证失败的回调函数。
- 调用认证方法:
```javascript
auth.authenticate();
```
2. 使用阿里云实人认证提供的 Web API
阿里云实人认证还提供了 Web API,可以通过发送 HTTP 请求来使用阿里云实人认证服务。具体步骤如下:
- 发送认证请求:
```javascript
fetch('https://id.cn-shanghai.aliyuncs.com/rest/authentication/face?bizType=<bizType>&preset=<preset>&token=<token>')
.then(response => {
if (response.ok) {
return response.json();
}
throw new Error('Network response was not ok.');
})
.then(data => {
console.log('认证成功', data);
})
.catch(error => {
console.error('认证失败', error);
});
```
其中,`<bizType>` 是业务类型,`<preset>` 是预设的认证流程,`<token>` 是认证的 token。
无论使用哪种集成方式,都需要注意防止网络攻击和数据泄露等安全问题。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)