1.Crypto简介

Crypto-js(GitHub)是谷歌开发的一个纯JavaScript的加密算法类库，可以非常方便的在前端进行其所支持的加解密操作。

有时候项目涉及到的敏感数据比较多，为了信息安全，我们常常需要对一些数据进行接口加密处理，如编码、将明文转化为暗文、加密比对、AES + BASE64 算法加密等。对接口通过加签名的方式，前后端通过统一的签名规则，进一步提升了接口调用的安全性。

2.时间戳

时间戳（timestamp）
一个能表示一份数据在某个特定时间之前已经存在的、完整的、可验证的数据,通常是一个字符序列，唯一地标识某一刻的时间，数字时间戳技术是数字签名技术一种变种的应用。

在互联网公司都会在项目种使用时间戳，时间戳主要用于清理缓存，大多数用于版本更新

3.Crypto安装

npm引入加密依赖

npm install crypto-js  //使用npm安装crypto-js

4.Crypto使用

在fetch.js中

export function fetch(options) {let url = '/' + options.url  //调用接口的url地址let timestamp = Date.now()  //时间戳const hash = CryptoJS.HmacSHA256(url + timestamp , '制定的加密规则') //根据接口地址、时间戳和规则生成一个hash值let sign = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(hash)); //根据hash值生成签名const instance = axios.create({headers: {'Content-Type': options.contentType ? options.contentType : 'application/json','sign':sign,  //将生成的签名加入header头中'timestamp':timestamp},responseType: 'json',timeout: 5000});

在调用接口时，打开网页开发者模式，查看Network中的headers中的Request Headers可以查看到Sign（签名）

前端加密JS库—CryptoJS相关推荐

react native学习与实践（3）使用加密解密库CryptoJS的sha256
CryptoJS的安装使用yarn 安装CryptoJS组件 yarn add crypto-js CryptoJS的使用示例,使用SHA-256 import sha256 from 'cryp ...
国密SM2前端加密，Java后台解密问题
背景:要实现请求参数加密的功能,使用的是国密SM2算法,前端向后台发送请求获取公钥,将请求加密发送到后台,后台用对应的私钥进行解密问题:前端进行加密的请求,后台无法进行解析解决方案:(此处所用的类 ...
国密SM2的前端加密，后端解密（Java版本）及SM3 摘要加密
一.简介国密即国家密码局认定的国产密码算法.常用的主要有SM2,SM3,SM4. SM2:椭圆曲线公钥密码算法是我国自主设计的公钥密码算法,为非对称加密,基于ECC.该算法已公开.由于该算法基于EC ...
前端加密解密 crypto-js
目录 1. 了解加密解密 2. 实现库 3.方法封装-前端 4. 示例 5. 不使用封装 6. 说明总结加密算法类库,进行 MD5. SHA1. SHA2. SHA3. RIPEMD-160 哈希 ...
PHP密码问题陈婷代码_登录中利用JS前端加密PHP后端解密保证数据非明文传输的安全方法...
为什么要研究这个呢,因为我所在单位的信息管理部门在监控系统上发现有大量的明文账号(身份证号)和密码在传输,被告知这很不安全,索性就直接解决这个问题,利用JS前端加密PHP后端再加密来解决这个问题,保证 ...
关于RSA加密技术的使用，js前端加密，Golang 后端解密详细
关于RSA加密技术的使用,js前端加密,Golang 后端解密详细关于rsa 加密算法可自行参考 rsa算法前端JS如何使用rsa进行加密安装jsencrypt[二选一] github下载地 ...
前端php解密,转发：RSA实现JS前端加密，PHP后端解密
web前端,用户注册与登录,不能直接以明文形式提交用户密码,容易被截获,这时就引入RSA. 前端加密需引入4个JS扩展文件,jsbn.js.prng4.js.rng.js和rsa.js. RSA L ...
前端高效开发必备的 js 库梳理
之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, ...
有哪些必看的前端 JS 库？
前端自动化前端构建工具 gulp – The streaming build system grunt – the JavaScript Task Runner 前端模块管理器 Bower – A ...
基于TensorFlow的开源JS库的网页前端人物动作捕捉的实现
个人博客导航页(点击右侧链接即可打开个人博客):大牛带你入门技术栈前言随着前端生态的发展,Java已经不仅仅局限于作为网页开发,也越来越活跃于服务器端,移动端小程序等应用开发中.甚至通过Elect ...

前端加密JS库—CryptoJS

这里写目录标题

1.Crypto简介

2.时间戳

3.Crypto安装

4.Crypto使用

前端加密JS库—CryptoJS相关推荐

最新文章

热门文章