当前位置: 首页 > news >正文

后端使用DES加密,前端解密方法

前言:
现在为了防止用户直接篡改数据会采用加密的方式进行传输,加密的方法有很多种,这篇文章主要讲解下后端使用DES加密的数据传输给前端,前端接收到之后如何去解密。

操作步骤如下:

1.安装crypto-js

npm install crypto-js

2.在使用的页面引入

const CryptoJS = require('crypto-js')

3.封装解密方法

// 注意这里封装的方法分为两种,一种是后端使用DES加密用到初始化向量iv的,一种是只有密文和密钥的// 使用初始化向量iv,ciphertext:密文,key:密钥
const decryptDES = (ciphertext, key) => {const keyHex = CryptoJS.enc.Utf8.parse(key)// 注意,这里的向量是写死,如果是动态的, 则可以直接通过decrypt 方法传入。前端向量接收只能是整数类型的,但是后端给的向量一般是8字节/16字节,二进制的,这个时候就需要使用Uint8Array转成整数,如下let ivBytes = new Uint8Array([8,7,6,5,4,3,2,1])let ivHex = CryptoJS.lib.WordArray.create(ivBytes)let newText = CryptoJS.enc.Base64.parse(ciphertext)const decrypted = CryptoJS.DES.decrypt({ciphertext: newText}, keyHex,{iv: ivHex,mode: CryptoJS.mode.ECB, // 这里以ECB举例,如果是CBC直接把ECB替换下来即可padding: CryptoJS.pad.Pkcs7,})return decrypted.toString(CryptoJS.enc.Utf8)
}// 只有密文和密钥,ciphertext:密文,key:密钥
const decryptDES = (ciphertext, key) => {const keyHex = CryptoJS.enc.Utf8.parse(key)const decrypted = CryptoJS.DES.decrypt({ciphertext: CryptoJS.enc.Base64.parse(ciphertext),}, keyHex, {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7})return decrypted.toString(CryptoJS.enc.Utf8);// 上面代码解析:先使用 CryptoJS.enc.Base64.parse() 方法将 Base64 编码的字符串解码为 CryptoJS 中的 WordArray 对象,然后使用 CryptoJS.DES.decrypt() 方法对该对象进行解密

4.调用

decryptDES(密文,密钥)

相关文章:

后端使用DES加密,前端解密方法

前言: 现在为了防止用户直接篡改数据会采用加密的方式进行传输,加密的方法有很多种,这篇文章主要讲解下后端使用DES加密的数据传输给前端,前端接收到之后如何去解密。 操作步骤如下: 1.安装crypto-js npm install c…...

chrome 扩展 popup 弹窗的使用

popup的基本使用方法 popup介绍 popup 是点击 browser_action 或者 page_action图标时打开的一个小窗口网页,焦点离开网页就立即关闭,一般用来做一些临时性的交互。 popup配置 V3版本中(V2版本是在 browser_action 中 )&#x…...

Spring Security入门教程,springboot整合Spring Security

Spring Security是Spring官方推荐的认证、授权框架,功能相比Apache Shiro功能更丰富也更强大,但是使用起来更麻烦。 如果使用过Apache Shiro,学习Spring Security会比较简单一点,两种框架有很多相似的地方。 目录 一、准备工作 …...

如何在 Unbuntu 下安装配置 Apache Zookeeper

简介 Zookeeper 是 apache 基金组织下的项目,项目用于简单的监控和管理一组服务,通过简单的接口就可以集中协调一组服务,如配置管理,信息同步,命名,分布式协调。 准备工作 Ubuntu 23.04 或者 20.04访问…...

AI视觉领域流媒体知识入门介绍(二):深入理解GOP

GOP(group of pictures) 在流行的视频编码算法中,都包含GOP这个概念,例如MPEG-2, H.264, and H.265。 背景 关于视频存储和传输的“size”: Resolution 分辨率 Uncompressed Bitrate 未压缩时的比特率 1280720 (720p…...

C++ 代码实例:并查集简单创建工具

文章目录 前言代码仓库代码说明main.cppMakefile 结果总结参考资料作者的话 前言 C 代码实例:并查集简单创建工具。 代码仓库 yezhening/Programming-examples: 编程实例 (github.com)Programming-examples: 编程实例 (gitee.com) 代码 说明 简单地创建并查集注…...

Hadoop学习总结(Shell操作)

HDFS Shell 参数 命令参数功能描述-ls查看指定路径的目录结构-du统计目录下所有文件大小-mv移动文件-cp复制文件-rm删除文件 / 空白文件夹-put上传文件-cat查看内容文件-text将源文件输出文本格式-mkdir创建空白文件夹-help帮助 一、ls 命令 ls 命令用于查看指定路径的当前目录…...

LeetCode热题100——链表

链表 1. 相交链表2. 反转链表3. 回文链表4. 环形链表5. 合并两个有序链表 1. 相交链表 给你两个单链表的头节点 headA 和 headB ,请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点,返回 null 。 // 题解:使用A/B循环遍…...

使用C++的QT框架实现贪吃蛇

最近刷抖音经常看到别人使用类似chatGPT的al工具实现这个贪吃蛇游戏,正好我之前也写过,那么今天看看怎么去实现这个简单的游戏 我这边使用的是C的QT框架,当然用哪些框架都可以,主要是逻辑思路 1.生成画布,开始是一些…...

如何发布自己的golang库

如何发布自己的golang库 1、在 github/gitee 上创建一个 public 仓库,仓库名与 go 库名一致,然后将该仓库 clone 到本地。 本文这里使用 gitee。 $ git clone https://gitee.com/zsx242030/goutil.git2、进入项目文件夹,进行初始化。 $ go…...

梳理自动驾驶中的各类坐标系

目录 自动驾驶中的坐标系定义 关于坐标系的定义 几大常用坐标系 世界坐标系 自车坐标系 传感器坐标系 激光雷达坐标系 相机坐标系 如何理解坐标转换 机器人基础中的坐标转换概念 左乘右乘的概念 对左乘右乘的理解 再谈自动驾驶中的坐标转换 本节参考文献 自动驾驶…...

一个可以自动把微信聊天收到的二维码图片实时提取出来并分类的软件

10-1 如果你有需要实时地、自动地把微信各个群收到的二维码图片提取出来的需求,那本文章适合你,本文章的主要内容是教你如何实现自动提取微信收到的二维码图片,助你快速扫码,永远比别人领先一步。 首先需要准备好的材料&#xf…...

02-React组件与模块

组件与模块 前期准备 安装React官方浏览器调试工具,浏览器扩展搜索即可 比如红色的React就是本地开发模式 开启一个用React写的网站,比如美团 此时开发状态就变成了蓝色 组件也能解析出来 何为组件&模块 模块,简单来说就是JS代…...

项目实战:新增@RequestMapping和@GetMapping和@PostMapping三个注解

1、RequestMapping package com.csdn.mymvc.annotation; import java.lang.annotation.*; Target(ElementType.TYPE) Retention(RetentionPolicy.RUNTIME) Inherited public interface RequestMapping {String value(); }2、PostMapping package com.csdn.mymvc.annotation; im…...

基于AOSP源码Android-10.0.0_r41分支编译,framework开发,修改系统默认字体大小

文章目录 基于AOSP源码Android-10.0.0_r41分支编译,framework开发,修改系统默认字体大小 基于AOSP源码Android-10.0.0_r41分支编译,framework开发,修改系统默认字体大小 主要修改一个地方就行 代码源码路径 frameworks/base/co…...

如何再kali中下载iwebsec靶场

这个靶场有三种搭建方法: 第一种是在线靶场:http://www.iwebsec.com:81/ 第二种是虚拟机版本的,直接下载到本地搭建 官网地址下载:http://www.iwebsec.com/ 而第三种就是利用docker搭建这个靶场,我这里是用kali进行…...

Spring Boot 使用断言抛出自定义异常,优化异常处理机制

文章目录 什么是断言?什么是异常?基于断言实现的异常处理机制创建自定义异常类创建全局异常处理器创建自定义断言类创建响应码类创建工具类测试效果 什么是断言? 实际上,断言(Assertion)是在Java 1.4 版本…...

vue基于ElementUI/Plus自定义的一些组件

vue3-my-ElementPlus 源码请到GitHub下载使用MyTable、MySelect、MyPagination 置顶|Top | 使用案例: 1.0 定义表格数据(测试使用) data() {return {tableData: [],value:[],valueList: [],}; },// 构造表格测试数据// 1 第一行&#xf…...

leetcode刷题日记:69.sqrt(x)

给出一个非负的整数x,返回x的平方根向下取整的结果,这个被返回的数也应该是一个非负的值。 对我们的要求是不能使用任何内置的指数函数与操作,官方还给了我们例子: 在C种不能使用pow(x, 0.5) 在python不能使用 x**0.5 既然官方已经…...

[尚硅谷React笔记]——第9章 ReactRouter6

目录: 课程说明一级路由重定向NavLink高亮useRoutes路由表嵌套路由路由的params参数路由的search参数路由的state参数编程式路由导航useRouterContextuseNavigationTypeuseOutletuseResolvedPath()总结项目地址 1.课程说明 概述 React Router以三个不同的包发布…...

基于xlsx.core.min.js实现前端表格数据的智能导入与精准导出

1. 为什么选择xlsx.core.min.js处理表格数据 第一次接触前端Excel处理需求时,我试过至少5种方案。有的库体积太大,有的兼容性差,还有的文档晦涩难懂。直到发现xlsx.core.min.js这个宝藏库,才真正解决了我的痛点。这个只有200KB左右…...

3种突破限制方案让窗口尺寸控制效率提升60%

3种突破限制方案让窗口尺寸控制效率提升60% 【免费下载链接】WindowResizer 一个可以强制调整应用程序窗口大小的工具 项目地址: https://gitcode.com/gh_mirrors/wi/WindowResizer 你是否曾遇到这样的困扰:重要的应用程序窗口被固定尺寸无法调整&#xff0c…...

MT5工具实战:快速生成文案变体,提升内容创作效率

MT5工具实战:快速生成文案变体,提升内容创作效率 1. 为什么你需要文案变体生成工具? 在日常内容创作中,我们经常面临一个共同挑战:如何用不同方式表达相同的意思。无论是营销文案、产品描述还是社交媒体内容&#xf…...

罗技PUBG鼠标宏压枪脚本技术解析:后坐力控制算法实现与架构设计

罗技PUBG鼠标宏压枪脚本技术解析:后坐力控制算法实现与架构设计 【免费下载链接】logitech-pubg PUBG no recoil script for Logitech gaming mouse / 绝地求生 罗技 鼠标宏 项目地址: https://gitcode.com/gh_mirrors/lo/logitech-pubg 在FPS游戏《绝地求生…...

基于OFA的智能零售解决方案:商品图像自动问答系统

基于OFA的智能零售解决方案:商品图像自动问答系统 1. 引言 走进任何一家现代零售店,你都会看到顾客拿着商品反复查看标签、比较价格、寻找成分信息。这种场景每天都在全球数百万家商店中重复上演。店员们疲于应对各种"这个产品有没有过敏源&#…...

蓝桥杯二分算法通关指南:模板+真题+避坑,O(logn)秒杀大数据题

蓝桥杯二分算法通关指南:模板真题避坑,O(logn)秒杀大数据题 文章目录蓝桥杯二分算法通关指南:模板真题避坑,O(logn)秒杀大数据题一、蓝桥杯二分核心题型(精简必背)1. 二分查找(基础必考&#xf…...

OpenClaw+Phi-3-vision-128k-instruct:个人知识库自动化建设方案

OpenClawPhi-3-vision-128k-instruct:个人知识库自动化建设方案 1. 为什么需要自动化知识管理 作为一个长期与技术文档打交道的开发者,我发现自己陷入了一个典型的知识管理困境:每天接触大量优质内容——技术博客、论文PDF、会议视频、截图…...

Vue-Touch错误处理与调试:常见问题及解决方案大全

Vue-Touch错误处理与调试:常见问题及解决方案大全 【免费下载链接】vue-touch Hammer.js wrapper for Vue.js 项目地址: https://gitcode.com/gh_mirrors/vu/vue-touch 在移动优先的Web开发时代,Vue-Touch作为Vue.js的触摸事件插件,为…...

P6 v24.12 新功能实战:如何用‘基线预览’和‘取消链接’高效管理项目变更?

P6 v24.12 新功能实战:如何用‘基线预览’和‘取消链接’高效管理项目变更? 在复杂工程项目管理中,计划变更如同家常便饭。每次设计调整、资源变动或进度延误,都可能引发连锁反应。传统做法中,项目经理往往需要反复试…...

MPL115A2气压传感器驱动开发与嵌入式I²C实践

1. MPL115A2气压传感器技术解析与嵌入式驱动开发实践MPL115A2是由NXP(原Freescale)推出的一款高精度、低功耗、IC接口的绝对气压传感器,专为消费电子和工业应用中的海拔高度测量、天气监测及气压补偿等场景设计。该器件采用MEMS压阻式传感原理…...