node-forge

之前讲过了AES-GCM模式在vue中如何加解密，使用的是node自带的crypto模块，但是会有个问题，纯html页面中无法使用node.js中的api。

这时候我们需要用到一个库：node-forge(js, vue中都可使用)

npm地址：node-forge - npm

github地址：https://github.com/digitalbazaar/forge

官方列举的可以加解密的模式：

使用

1：引入

js:

<script src ="https://unpkg.com/node-forge@1.0.0/dist/forge.min.js "></script>

vue:

安装：npm install node-forge
在需要用的地方引入：import forge from 'node-forge'

2：密钥

const keyStr = '16位/24位/32位的密钥'

// 如果跟后端搭配加解密需要和后端约定好密钥密钥必须一致

3：加密

// 加密function encrypt(someBytes) {var iv =  forge.random.getBytesSync(12)  // 生成随机iv 12字节var cipher  = forge.cipher.createCipher('AES-GCM', keyStr); // 生成AES-GCM模式的cipher对象 并传入密钥cipher.start({iv: iv});cipher.update(forge.util.createBuffer(forge.util.encodeUtf8(someBytes)));cipher.finish();var encrypted = cipher.output;var tag = cipher.mode.tag;return btoa(iv+encrypted.data+tag.data)}

vue

export function encrypt(word) {var iv = forge.random.getBytesSync(12) // 生成随机iv 12字节var cipher = forge.cipher.createCipher('AES-GCM', keyStr) // 生成AES-GCM模式的cipher对象 并传入密钥cipher.start({iv: iv})cipher.update(forge.util.createBuffer(forge.util.encodeUtf8(word)))cipher.finish()var encrypted = cipher.outputvar tag = cipher.mode.tagreturn window.btoa(iv + encrypted.data + tag.data)
}

4：解密

function decrypt(someBytes) {someBytes = atob(someBytes)const iv = someBytes.slice(0, 12)const tag = someBytes.slice(-16)const data = someBytes.slice(12, someBytes.length - 16)var decipher = forge.cipher.createDecipher('AES-GCM', keyStr)decipher.start({iv: iv,tag: tag});decipher.update(forge.util.createBuffer(data))const pass = decipher.finish()if (pass) {return decipher.output.toString()}}

vue

export function decrypt(datamsg) {datamsg = window.atob(datamsg)const iv = datamsg.slice(0, 12)const tag = datamsg.slice(-16)const data = datamsg.slice(12, datamsg.length - 16)var decipher = forge.cipher.createDecipher('AES-GCM', keyStr)decipher.start({iv: iv,tag: tag})decipher.update(forge.util.createBuffer(data))const pass = decipher.finish()if (pass) {return decipher.output.toString()}
}

5：举个栗子

var str = '我是密码123.！'
var en = encrypt(str)
console.log(en)
var de = decrypt(en)
console.log(de)

aes-gcm模式前端加解密（html页面 js）——使用node-forge库相关推荐

AES实现后端参数加解密
AES实现后端参数加解密前言介绍 Start 引入依赖编写AES加解密工具类自定义注解编写请求数据解密 ControllerAdvice 编写返回数据加密 ControllerAdvice ...
base64前端加解密方法
18.base64前端加解密方法 1.添加方法js方法 const Base64 = {//加密encode(str) {if (str===undefined || str === "&q ...
rsa加解密 --- jsencrypt.min.js --- 支持长字符串分段加解密
前端 + rsa加解密 + jsencrypt.min.js–(新增超长字符分段加解密) 分享2种,分段和不分段加解密 --话不多说,直接上代码!~ 最终效果: 首先引入2个js <scr ...
angular和JAVA实现aes、rsa加密解密，前后端交互，前端加解密和后端JAVA加解密实现
今天实现了下AES和RSA加密解密,主要的功能是对前后端交互数据进行加密解密,为什么要用到两个算法呢,首先RSA默认的话加密长度是有限的100多个byte吧大约,并且需要公钥私钥,而AES加密没有限制 ...
使用AES加密进行前端加、解密
什么是AES对称加密? 1.aes对称加密是最快速.简单的一种加密方式,加密(encryption).解密(decryption)使用的是同一套密钥(secret key): 2.aes(advanc ...
【crypto】基于crypto.js的web前端加解密系统实现
文章目录一.概念介绍 1.1 crypto.js介绍 1.2 加密 / 哈希 / 编码 1.2.1 加密/解密 1.2.2 散列/哈希 1.2.3 BASE64编解码二.加解密思想(以md5为例) ...
JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...
java加密工作模式None_java加解密算法--对称加密工作模式
对称加密又分为分组加密和序列密码. 分组密码,也叫块加密(block cyphers),一次加密明文中的一个块.是将明文按一定的位长分组,明文组经过加密运算得到密文组,密文组经过解密运算(加密运算的逆 ...
前端CryptoJS和Java后端数据互相加解密(AES)
目录一.序言二.关于前端CryptoJS 1.CryptoJS简单介绍 2.加密和填充模式选择 3.前端AES加解密示例 (1) cryptoutils工具类 (2) 测试用例 (3) 加解密后输 ...
【Bcrypt+AES】 Vue+Java前后端分离信息加解密详解和问题解决
文章目录 1.简单介绍Bcrypt[单向hash] 2.登录服务:使用Bcrypt加密和验证 2.1 Vue前端使用Bcrypt加密 2.2 SpringBoot后端使用Bcrypt验证密码 3.简单 ...

aes-gcm模式前端加解密（html页面 js）——使用node-forge库

node-forge

使用

aes-gcm模式前端加解密（html页面 js）——使用node-forge库相关推荐

最新文章

热门文章