vue CryptoJS Aes 加密 解密

文章目录

  • 引入
  • 加密
  • 解密

引入


CryptoJS 是一个流行的 JavaScript 库,用于加密和解密数据。以下是如何使用 CryptoJS 来解密 AES 加密的数据:

首先,确保你已经在项目中包含了 CryptoJS 库。你可以通过 npm 安装它:

npm install crypto-js

然后,在你的 JavaScript 文件中引入它:

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

或者,如果你直接在 HTML 中使用,可以通过 CDN 引入:

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>

加密

接下来,你可以使用以下代码来解密 AES 加密的数据:

  • 加密模式
    • AES 解密模式:CFB 模式
    • 填充方式:nopadding
    • 输入格式:string
    • 输出格式:base64
const CryptoJS = require("crypto-js");  
  
function encryptAES(plaintext, secretKey, iv) {  
    const secretKeyHex = CryptoJS.enc.Utf8.parse(secretKey); // 将密钥转换为 WordArray  
    const ivHex = CryptoJS.enc.Utf8.parse(iv); // 将 IV 转换为 WordArray  
    const plaintextWordArray = CryptoJS.enc.Utf8.parse(plaintext); // 将明文转换为 WordArray  
  
    const encrypted = CryptoJS.AES.encrypt(plaintextWordArray, secretKeyHex, {  
        iv: ivHex,  
        mode: CryptoJS.mode.CFB,  
        padding: CryptoJS.pad.NoPadding // 使用 nopadding  
    });  
  
    const ciphertextBase64 = encrypted.toString(CryptoJS.enc.Base64); // 将加密后的 CipherParams 对象转换为 Base64 字符串  
    return ciphertextBase64;  
}  
  
// 示例用法  
const plaintext = "要加密的明文"; // 替换为实际的明文  
const secretKey = "1234567812345678"; // 密钥,16字节  
const iv = "1234567812345678"; // 初始化向量,16字节  
  
const ciphertextBase64 = encryptAES(plaintext, secretKey, iv);  
console.log(ciphertextBase64); // 输出加密后的 Base64 字符串

请注意以下几点:

  1. CryptoJS.enc.Utf8.parse 用于将明文、密钥和 IV 从 UTF-8 字符串转换为 WordArray。
  2. CryptoJS.AES.encrypt 方法用于执行 AES 加密。它接受三个参数:要加密的明文(WordArray)、密钥(WordArray)和一个配置对象。
  3. 在配置对象中,我们指定了 mode: CryptoJS.mode.CFB 来使用 CFB 模式,并且指定了 padding: CryptoJS.pad.NoPadding 来使用 nopadding 填充方式。我们还通过 iv 属性设置了 IV。
  4. 加密后的结果是一个 CipherParams 对象,我们使用 toString(CryptoJS.enc.Base64) 方法将其转换为 Base64 编码的字符串。

确保替换 plaintext 变量的值为实际的明文。同时,确保密钥和 IV 与你计划用于解密的密钥和 IV 相同。如果加密和解密过程中有任何不匹配,解密将会失败。

解密

  • 解密模式
    • AES 解密模式:CFB 模式
    • 填充方式:nopadding
    • 输入格式:base64
    • 输出格式:string
const CryptoJS = require("crypto-js");  
  
function decryptAES(ciphertextBase64, secretKey, iv) {  
    const secretKeyHex = CryptoJS.enc.Utf8.parse(secretKey); // 将密钥转换为 WordArray  
    const ivHex = CryptoJS.enc.Utf8.parse(iv); // 将 IV 转换为 WordArray  
    const ciphertext = CryptoJS.enc.Base64.parse(ciphertextBase64); // 将 Base64 编码的密文转换为 WordArray  
  
    const decrypted = CryptoJS.AES.decrypt({  
        ciphertext: ciphertext  
    }, secretKeyHex, {  
        iv: ivHex,  
        mode: CryptoJS.mode.CFB,  
        padding: CryptoJS.pad.NoPadding // 使用 nopadding  
    });  
  
    const decryptedText = decrypted.toString(CryptoJS.enc.Utf8); // 将解密后的 WordArray 转换为 UTF-8 字符串  
    return decryptedText;  
}  

// 示例用法  
const ciphertextBase64 = "你的Base64编码的AES加密文本"; // 替换为实际的 Base64 编码的密文  
const secretKey = "1234567812345678"; // 密钥,16字节,与加密时使用的密钥相同  
const iv = "1234567812345678"; // 初始化向量,16字节,与加密时使用的IV相同  
  
const decryptedText = decryptAES(ciphertextBase64, secretKey, iv);  
console.log(decryptedText); // 输出解密后的文本

请注意以下几点:

  1. CryptoJS.enc.Utf8.parse 用于将密钥和 IV 从 UTF-8 字符串转换为 WordArray。
  2. CryptoJS.enc.Base64.parse 用于将 Base64 编码的密文转换为 WordArray。
  3. CryptoJS.AES.decrypt 方法的第二个参数是密钥的 WordArray,第三个参数是一个配置对象,其中包含模式(mode)、填充(padding)和 IV(iv)。
  4. 在配置对象中,我们指定了 mode: CryptoJS.mode.CFB 来使用 CFB 模式,并且指定了 padding: CryptoJS.pad.NoPadding 来使用 nopadding 填充方式。
  5. 最后,使用 toString(CryptoJS.enc.Utf8) 将解密后的 WordArray 转换为 UTF-8 字符串。

确保替换 ciphertextBase64 变量的值为实际的 Base64 编码的 AES 加密文本。同时,确保密钥和 IV 与加密时使用的完全相同。如果加密和解密过程中有任何不匹配,解密将会失败。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/572723.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

每日一题:托普利茨矩阵

给你一个 m x n 的矩阵 matrix 。如果这个矩阵是托普利茨矩阵&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 如果矩阵上每一条由左上到右下的对角线上的元素都相同&#xff0c;那么这个矩阵是 托普利茨矩阵 。 示例 1&#xff1a; 输入&#xff1a;matrix…

【原创教程】EPLAN如何制作专属的封面

想要给EPLAN制作专属封面吗?没问题,我来给你支个招。在EPLAN设计电气图纸时,封面就是第一印象,得好好弄。咱们以口罩机项目为例,来看看怎么做吧! 首先,得新建个封面。在项目属性里找到表格名称,点那个数值下拉菜单,选择“查找”。在弹出的表格里挑个你喜欢的模版,点击…

【IC设计】边沿检测电路(上升沿、下降沿、双沿,附带源代码和仿真波形)

文章目录 边沿检测电路的概念上升沿检测电路下降沿检测电路双边沿检测电路代码和仿真RTL代码Testbench代码仿真波形 参考资料 边沿检测电路的概念 边沿检测指的是检测一个信号的上升沿或者下降沿&#xff0c;如果发现了信号的上升沿或下降沿&#xff0c;则给出一个信号指示出来…

OurBMC开源大赛高校获奖队伍专访来啦!

精彩纷呈的 OurBMC 开源大赛已告一段落&#xff0c;经历为期四个月的实战&#xff0c;各个参赛队伍也积淀了丰富的实践经验与参赛心得。本期&#xff0c;社区特别邀请 OurBMC 开源大赛获奖高校团队分享「走进OurBMC开源大赛&#xff0c;共同践行开放包容、共创共赢的开源精神」…

【春秋云境】文件上传漏洞合集

CVE-2022-30887 1.题目简介 2.CVE-2022-30887简介 使用工具&#xff1a; 蚁剑 burpsuite 一句话木马 3.渗透测试 输入用户名密码进行抓包 猜测账号密码 无有用信息&#xff0c;根据页面现有信息找到作者邮箱&#xff1a; mayuri.infospacegmail.com&#xff0c;猜测密码为&a…

每日一题:跳跃游戏II

给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说&#xff0c;如果你在 nums[i] 处&#xff0c;你可以跳转到任意 nums[i j] 处: 0 < j < nums[i] i j < n 返回到达 nums[n - 1] 的最…

YOLOv3没有比这详细的了吧

YOLOv3&#xff1a;目标检测基于YOLOv2的改进 在目标检测领域&#xff0c;YOLO&#xff08;You Only Look Once&#xff09;系列以其出色的性能和速度而闻名。YOLOv3作为该系列的第三个版本&#xff0c;不仅继承了前身YOLOv2的优势&#xff0c;还在多个方面进行了创新和改进。…

机器学习理论基础—支持向量机的推导(一)

机器学习理论基础—支持向量机的推导 算法原理 SVM:从几何角度&#xff0c;对于线性可分数据集&#xff0c;支持向量机就是找距离正负样本都最远的超平面&#xff0c;相比于感知机&#xff0c;其解是唯一的&#xff0c;且不偏不倚&#xff0c;泛化性能更好。 超平面 n维空间…

如何拿取 macOS 系统中的图标文件

如何拿取 macOS 系统中的图标文件 比如在 Finder 中看到这个文件夹图标很好看&#xff0c;想用一下&#xff0c;就是不知道它在什么位置&#xff0c;我来告诉你。 它在系统中的位置是 /System/Library/CoreServices/CoreTypes.bundle/Contents/Resources/如何打开这个位置&am…

计算机网络物理层思维导图+大纲笔记

大纲笔记&#xff1a; 物理层的基本概念 解决如何在连接各种计算机的传输媒体上传输数据比特流&#xff0c;而不是具体的传输媒体 主要任务 确定与传输媒体接口有关的一些特性 机械特性 电气特性 功能特性 规程特性信道上传送的信号 基带信号 来自信源的信号&#xff0c;直接表…

【CLI命令行接口和Java连接openLooKeng查询数据 】

CLI命令行接口和Java连接openLooKeng查询数据 一、摘要二、正文0. 环境说明1. CLI命令行工具的使用2. Java API 的使用三、小结一、摘要 通过CLI命令行接口工具连接openLooKeng,可帮助初学者能够使用SQL语句的方式快速操作openLooKeng,任何只要熟悉SQL的人都可以快速切换到op…

解决 uniapp uni.getLocation 定位经纬度不准问题

【问题描述】 直接使用uni.getLocation获取经纬度不准确&#xff0c;有几百米的偏移。 【解决办法】 加偏移量 //加偏移 let x longitude let y latitude let x_pi (3.14159265358979324 * 3000.0) / 180.0 let z Math.sqrt(x * x y * y) 0.00002 * Math.sin(y * x_pi)…

ArcGIS Pro专题地图系列教程

专题地图系列是ArcGIS Pro3.2的新功能。之前&#xff0c;如果要做8张相同区域的专题图&#xff0c;可能需要新建8个布局&#xff0c;分别进行排版&#xff0c;再导出。现在&#xff0c;一幅地图&#xff0c;一个布局&#xff0c;就可以完成这个流程。 原理是&#xff0c;根据单…

Swift-24-集合对象

概述 在了解正式内容之前可以先回顾下objectiveC中提供的集合特性。 它的特点是&#xff0c;拿NSArray举例&#xff0c;包含NSArray 和 NSMutableArray两个API&#xff0c;前者是不可变数组&#xff0c;一旦创建其值和数量就不能改变了&#xff1b;NSMutableArray是可变数组&…

tableau基础学习——添加标靶图、甘特图、瀑布图

标靶图 添加参考线 添加参考分布 甘特图 创建新的字段 如设置延迟天数****计划交货日期-实际交货日期 为正代表提前交货&#xff0c;负则代表延迟交货 步骤&#xff1a;创建——计算新字段 把延迟天数放在颜色、大小里面就可以 瀑布图 两个表按照地区连接 先做个条形图&…

工业4.0的基石:探索工业级光模块的力量

引言 工业4.0代表着智能制造的新时代&#xff0c;而工业级光模块则是这一革命性转变的基石。这些高科技组件不仅是现代通信网络的核心&#xff0c;更是连接智能工厂、智慧城市和远程服务的关键。本文将深入探讨工业级光模块的技术特性、应用领域以及它们如何塑造未来工业的面貌…

公司网页制作需要多少钱

公司网页制作需要多少钱&#xff1f;这是一个非常常见的问题。答案取决于您需要的功能和设计。一些小型企业网站可能只需要一些基本的功能&#xff0c;花费可能低至几百美元&#xff0c;而一些大型企业网站可能需要高级功能和设计&#xff0c;可能需要几万美元。 以下是一些考虑…

js如何获取对象的属性值

获取对象的属性值&#xff0c;有两种方式。 方式一&#xff1a; 对象.属性名 let obj {name:张三,age:23 }; console.log(obj.name); //张三方式二&#xff1a; 对象[属性名] let obj {name:张三,age:23 }; console.log(obj[name]); //张三 两种方式有什么不同&am…

Mac安装telnet

一、安装Homebrew 1、打开官网&#xff1a;Homebrew — The Missing Package Manager for macOS (or Linux) 2、打开终端输入&#xff1a; /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 二、安装Telnet bre…

内容策略的精准定位:Kompas.ai的目标受众分析

在这个信息爆炸的时代&#xff0c;内容营销已经成为品牌与消费者沟通的重要桥梁。然而&#xff0c;随着内容的海量增长&#xff0c;品牌如何从众多信息中脱颖而出&#xff0c;成为营销人员面临的巨大挑战。精准定位目标受众&#xff0c;不仅能够帮助品牌更有效地传达信息&#…