前端AES+SHA1PRNG加解密

      过程不复杂, 只是网上结合后端的AES+SHA1PRNG加解密资料参差不齐, 在此记录下, 方便自己和有需要的小伙伴能够快速找到!  什么原理什么逻辑就不废话了, 直接上代码!

<!DOCTYPE html>
<html>
<head><title>aes demo</title><meta http-equiv="Content-Type" content="text/html" charset="gbk"/><style>*{margin:0;padding:0}.demo-wrap{width: 600px;height: 50px;margin: 50px auto auto auto}</style><script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
</head>
<body>
<div class="demo-wrap"><div  style="padding: 1rem 0"><button type="button" onclick="aes_encrypt()">AES加密</button><br/>加密后的数据:<label id="aes_encrypted"></label></div><div><button type="button" onclick="aes_decrypt()">AES解密</button><br/>解密后的数据:<label id="aes_decrypted"></label></div>
</div><script type="text/javascript">function aes_encrypt() {var data = "test";var key = "自己定";let realKey = CryptoJS.SHA1(key);realKey = CryptoJS.SHA1(realKey).toString().substring(0, 32);let encrypted = CryptoJS.AES.encrypt(data, CryptoJS.enc.Hex.parse(realKey), {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});document.getElementById("aes_encrypted").innerHTML = encrypted.ciphertext.toString(CryptoJS.enc.Base64);}function aes_decrypt() {var data = "oetrAXRN3ya7FmVk8vNeLw==";var key = "自己定";let realKey = CryptoJS.SHA1(key);realKey = CryptoJS.SHA1(realKey).toString().substring(0, 32); let decrypted = CryptoJS.AES.decrypt(data, CryptoJS.enc.Hex.parse(realKey), {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});document.getElementById("aes_decrypted").innerHTML = decrypted.toString(CryptoJS.enc.Utf8);}</script>
</body>
</html>

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大模型应用开发技术:Multi-Agent框架流程、源码及案例实战(一)

LlaMA 3 系列博客 基于 LlaMA 3 LangGraph 在windows本地部署大模型 &#xff08;一&#xff09; 基于 LlaMA 3 LangGraph 在windows本地部署大模型 &#xff08;二&#xff09; 基于 LlaMA 3 LangGraph 在windows本地部署大模型 &#xff08;三&#xff09; 基于 LlaMA…

QT:QT中的默认代码 QT 创建控件的两种方式

目录 QT中的默认代码 新项目的结构 主函数 wiget类的声明文件.h wiget类的定义文件.cpp form file界面文件 .pro文件 QT 创建控件的两种方式 通过ui界面创建控件 通过代码方式创建控件 QT中的默认代码 新项目的结构 主函数 基本概念&#xff1a;Qt 在创建的一个 Wi…

java下载文件到浏览器中文名报错 The Unicode character [模] at code point [27,169]

转载自&#xff1a; 【java下载文件到浏览器中文名报错 The Unicode character [模] at code point [27,169] cannot be encoded as it is o - CSDN App】

AI在线创作歌曲智能绘画对话三合一源码系统 前后端分离 带完整的安装代码包以及搭建教程

系统概述 在数字化时代背景下&#xff0c;艺术与技术的融合正以前所未有的速度推进&#xff0c;催生出一系列创新应用。为了满足创作者对多元化、高效能创作工具的需求&#xff0c;我们自豪地推出了“AI在线创作歌曲、智能绘画对话三合一源码系统”。这一系统不仅实现了音乐、…

bind failed: Address already in use

添加代码 这是个很常见的问题&#xff1a;在bind函数之前添加如下代码即可。 int yes 1; if (setsockopt(sockfd, SOL_SOCKET, SO_REUSEADDR, &yes, sizeof(int)) -1) { perror("setsockopt"); exit(1); } 查看端口 如果还是不能结果&#xff0c;那么说…

白酒:茅台镇白酒的消费者教育计划与推广活动

云仓酒庄豪迈白酒&#xff0c;作为茅台镇的品牌&#xff0c;一直以来都非常重视消费者教育和推广活动。这些计划和活动的目的在于提高消费者对豪迈白酒的认知度和接受度&#xff0c;同时培养消费者的品鉴能力和酒文化素养。 首先&#xff0c;云仓酒庄豪迈白酒通过开展品鉴活动来…

Java高手的30k之路|面试宝典|精通泛型

泛型 知识点 在Java高级开发中&#xff0c;掌握泛型&#xff08;Generics&#xff09;是非常重要的&#xff0c;它是Java语言中的一项重要特性&#xff0c;提供了编译时类型安全检查机制&#xff0c;使得代码更加灵活和可重用。以下是Java高级开发需要掌握的泛型知识点&#…

独立游戏之路:Tap篇 -- Unity 集成 TapTap 广告详细步骤

Unity 集成 TapADN 广告详细步骤 前言一、TapTap 广告介绍二、集成 TapTap 广告的步骤2.1 进入广告后台2.2 创建广告计划2.3 选择广告类型三、代码集成3.1 下载SDK3.2 工程配置3.3 源码分享四、常见问题4.1 有展现量没有预估收益 /eCPM 波动大?4.2 新建正式媒体找不到预约游戏…

六西格玛培训:一次学习,终身受益!

六西格玛培训&#xff0c;这个听起来就充满智慧的名字&#xff0c;其实是一种追求卓越的管理哲学。它的核心理念在于减少缺陷、降低变异&#xff0c;以提升企业的运营效率和质量水平。对于我们这些渴望在职场中更上一层楼的人来说&#xff0c;六西格玛培训无疑是一把打开成功之…

Java Websocket分片发送

一、分片发送和接收(复杂) 如果数据量太大&#xff0c;需要分多次发送&#xff0c; 需要考虑数据划分和重组的问题。 二、具体思路 每次发送和接收用一个布尔值变量指定是否为最后一个分片。 三、具体使用 (一)字符串分片发送&#xff1a; sendText(文本&#xff0c; 布尔值)…

太速科技-基于XCVU9P+ C6678的100G光纤的加速卡

基于XCVU9P C6678的100G光纤的加速卡 一、板卡概述 二、技术指标 • 板卡为自定义结构&#xff0c;板卡大小332mmx260mm; • FPGA采用Xilinx Virtex UltralSCALE 系列芯片 XCVU9P; • FPGA挂载4组FMC HPC 连接器; • 板载4路QSPF&#xff0c;每路数据速…

硕思闪客精灵软件最新版下载及详细安装教程

闪客精灵&#xff08;Sothink SWF Decompiler&#xff09;是一款先进的SWF反编译软件&#xff0c;它不但能捕捉、反编译、查看和提取Shock Wave Flash影片&#xff08;.swf和.exe格式文件&#xff09;&#xff0c;而且可以将SWF格式文件转化为FLA格式文件。 安 装 包 获 取 地 …

Postman接口测试工具详解:高效API测试实践指南

第一章:引言 - Postman在接口测试中的重要性 Postman作为一款专业的接口测试工具,已经成为现代软件开发过程中不可或缺的一部分。在本章中,我们将探讨Postman的核心价值,以及它如何帮助开发者和测试工程师提高API测试的效率和质量。 Postman的核心价值 - **易用性**:Pos…

Python Django 实现教师、学生双端登录管理系统

文章目录 Python Django 实现教师、学生双端登录管理系统引言Django框架简介环境准备模型设计用户认证视图和模板URL路由前端设计测试和部署获取开源项目参考 Python Django 实现教师、学生双端登录管理系统 引言 在当今的教育环境中&#xff0c;数字化管理系统已成为必不可少…

Linux 常用命令 - cd 【切换目录】

简介 “cd” 命令来源于 “change directory”&#xff0c;即 “切换目录”。它是一个用于在 Linux 和 Unix 系统的命令行中更改当前工作目录的命令。通过使用 cd 命令&#xff0c;用户可以在文件系统的不同位置移动&#xff0c;这对于浏览文件系统或定位到特定文件进行操作非…

C# 通过Win32API设置客户端系统时间

在日常工作中&#xff0c;有时可能会需要获取或修改客户端电脑的系统时间&#xff0c;比如软件设置了Licence有效期&#xff0c;预计2024-06-01 00:00:00到期&#xff0c;如果客户手动修改了客户端电脑时间&#xff0c;往前调整了一年&#xff0c;则软件就可以继续使用一年&…

掌控未来:用决策树算法揭秘胜利者的必胜策略!

掌控未来&#xff1a;用决策树算法揭秘胜利者的必胜策略&#xff01; 一、引言1.1. 决策树的定义1.2. 发展历程1.3. 当前应用概况1.4. 本文内容安排 二、决策树的基本概念2.1 节点和叶节点2.2 决策树的结构结构图示不同结构的决策树 三、决策树的算法原理3.1 基本思想3.2 核心算…

Linux系统部署Samba服务,共享文件夹给Windows

Samba服务是在Linux和UNIX系统上实现SMB协议的一个免费软件&#xff0c;由服务器及客户端程序构成。 Samba服务是连接Linux与Windows的桥梁&#xff0c;它通过实现SMB&#xff08;Server Message Block&#xff09;协议来允许跨平台的文件和打印机共享。该服务不仅支持Linux和…

Linux操作系统以及一些操作命令、安装教程

Web课程完结啦&#xff0c;这是Web第一天的课程大家有兴趣可以传送过去学习 http://t.csdnimg.cn/K547r Linux-Day01 课程内容 Linux简介 Linux安装 Linux常用命令 1. 前言 1.1 什么是Linux Linux是一套免费使用和自由传播的操作系统。说到操作系统&#xff0c;大家比…

linux 4G模块 :EC200N—AT指令收发短信

查看/dev目录下的串口设备&#xff1a;在终端中运行以下命令&#xff0c;查看系统检测到的串口设备&#xff1a; $ ls /dev/ttyUSB*minicom串口通信软件安装 sudo apt-get install minicom修改串口配置&#xff1a; 在minicom的配置界面中&#xff0c;选择"Serial Port …