JavaScript/uni-app对接海康ISC openapi

news2025/1/13 15:52:15

JavaScript/uni-app对接海康ISC openapi

- - - JavaScript实现HMAC SHA256
    - 下载安装
    - 使用crypto-js
    - 使用签名生成工具
    - 参考

JavaScript实现HMAC SHA256

Run the code online with this jsfiddle. Dependent upon an open source js library calledhttp://code.google.com/p/crypto-js/.

<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/hmac-sha256.js"></script>
<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/components/enc-base64-min.js"></script>

<script>
  var hash = CryptoJS.HmacSHA256("Message", "secret");
  var hashInBase64 = CryptoJS.enc.Base64.stringify(hash);
  document.write(hashInBase64);
</script>

下载安装

JavaScript实现HMAC SHA256算法实现基于crypto-js
安装安装crypto-js

npm install crypto-js

引入crypto-js
支持ES6导入、Modular

import CryptoJS from "crypto-js";

或者

const CryptoJS = require("crypto-js");

安装完成，在uni-app项目中出现crypto-js文件目录
在这里插入图片描述

使用crypto-js

可以创建文件signature.js，生成一个签名然后暴露出去
const CryptoJS = require(“crypto-js”);

function sign(key, value){
	return (CryptoJS.enc.Base64.stringify(CryptoJS.HmacSHA256(value, key)))
}

const appKey = '22649972'//AK(Access Key ID)：访问密钥ID。
const  appSecret = 'cHj40YDRoSdgBAuemTb2'//SK(Secret Access Key)：与访问密钥ID结合使用的密钥，对请求进行加密签名
let url = '/artemis/api/resource/v1/org/advance/orgList'//接口地址
let sign_str = `POST\n*/*\napplication/json\nx-ca-key:${appKey}\n${url}`//签名拼接字符串

let signature = sign(appSecret,sign_str)//生成的签名

console.log(sign_str,signature)

export default signature

也可以在封装http请求的时候，直接动态生成一个签名，加入到请求头中

······

const appKey = '22649972';
const appSecret = 'cHj40YDRoSdgBAuemTb2';

function sign(key, value){
	return (CryptoJS.enc.Base64.stringify(CryptoJS.HmacSHA256(value, key)))
}

// 获取请求头
function getHeaders(url) {
	let sign_str = `POST\n*/*\napplication/json\nx-ca-key:${appKey}\n${url}`
	let signature = sign(appSecret,sign_str)
	let header = {
		'Accept':'*/*',
		'Content-Type':'application/json',
		'x-ca-key':appKey,
		'x-ca-signature':signature,
		'x-ca-signature-headers':'x-ca-key'
	}
	return header
}

······