前端加密、解密

简介: 前端加密、解密

1.前言:


像这种功能,不必追求底层怎么实现,以我而言,最好是2分钟做完加密最好,结果今天被“百度”来的坑了一把,加密还正常,解密直接成了空白字符。简直误人子弟。于是我翻了翻以前项目写的,在现有的项目里运行成功并完成功能,特此整理。

2.应用场景举例


今天做了一个功能,用户在表单里输入密码,加密后发给后端,点击编辑时,后端再将之前加密的数据原封不动给我,我解密后供用户编辑,最后再将编辑后的密码加密传给后端。

3.CryptoJS加密解密


第一步,下载插件


$ npm install --save js-base64

第二步,在需要的文件中引入


import CryptoJS from "crypto-js";//在需要的文件中引入

第三步,加密


// this.data:需要加密的数据 ;secretkey:密钥,可以自己起;cipherText:变量接收
let cipherText = CryptoJS.AES.encrypt(this.data, "secretkey").toString();

第四步,解密


1. // this.data:要解密的数据;secretkey:密钥,要和上面加密时的一致,相当于暗号
2. CryptoJS.AES.decrypt(this.data, "secretkey").toString(CryptoJS.enc.Utf8)

小结:


推荐使用这个方式,下面讲的base64有两个感觉,第一个是加密的深度不如这个,再就是遇上一些特殊字符容易报错,纯实测总结…然而,base64更简单一些,哈哈

4.base64 加密解密


第一步,下载


$ npm install --save js-base64

第二步,引入,在你需要使用的文件中引入


1. import { Base64 } from 'js-base64';
2. import { encode, decode } from 'js-base64';

第三步,加密


var jiami = encode(str); // 加密,str是你要加密的数据

第四步,解密


var jiemi= decode(data); // 解密,data是你要解密的数据

小结:


这个使用极其简单,但是有时候会遇到错误,比如一些特殊字符,我之前用了一组纯数字,实测报错了,但是他还有其他的好处,我之前用它给二进制的音频文件加密还是很好用的,你还是酌情选择吧,不过这两种方案都是很推荐的方式,他们最大的好处就是可以解密,其他的像md5,rsa都只能加密不能解密,当然他们的加密效果更强,根据项目和需求来选择,反正殊途同归,都基本上是这个套路。如有问题欢迎评论区讨论。

相关文章
|
1月前
|
前端开发 JavaScript 安全
前端JS加密对抗由浅入深-2
前言: 本文主要讲解,针对前端非对称、多段加密数据传输站点,如何进行动态调试,如何进行安全测试。本次讲解不涉及任何漏洞方面,仅为学习探讨,该站点现已经更改加密方式,严禁非法测试!
|
1月前
|
前端开发 JavaScript 安全
前端JS加密对抗由浅入深-1
本文主要讲解,针对前端加密数据传输站点,如何进行动态调试以获取加密算法、秘钥,本次实验不涉及漏洞挖掘,仅为学习演示,环境为本地搭建环境
|
10天前
|
算法 前端开发 安全
面试官:前端加密怎么做?这,这,这不是后端的活儿吗?
前端加密技术概述: 前端加密主要用来保护数据在传输过程中的安全,但因浏览器环境开放性,仅能提供有限的安全性,真正安全策略需结合服务器端加密和安全协议。
|
1月前
|
存储 前端开发 安全
常见的前端加密方式都有哪些?
【4月更文挑战第19天】本文介绍了前端加密的四种常见方法:哈希加密、对称加密、非对称加密和混合加密。哈希加密适用于密码存储,但存在哈希碰撞风险;对称加密速度快,适合安全通信;非对称加密更安全,但速度慢;混合加密结合两者优点,常用于 SSL/TLS。前端加密是数据安全的重要一环,但需与后端安全措施配合以构建全面防护体系。示例代码展示了 JavaScript 中的 SHA-256、AES 和 RSA 加密。
148 6
|
1月前
|
存储 前端开发 算法
常见的前端加密方式有哪些?运用场景有哪些?
【4月更文挑战第12天】前端加密技术包括对称加密(如AES、DES)、非对称加密(如RSA)和Hash算法(如MD5、SHA-1)。对称加密用于本地数据加密、HTTPS通信,非对称加密常用于用户登录认证,Hash算法适用于数据完整性校验和密码存储。应用场景包括用户登录认证、敏感数据传输、文件加密和支付安全。加密技术结合访问控制、安全审计等措施,能提升数据和用户信息安全。
176 9
|
1月前
|
JSON 前端开发 Java
springboot项目实现实体类加密存库,解密返回给前端
springboot项目实现实体类加密存库,解密返回给前端
58 0
|
1月前
|
存储 算法 前端开发
面试官:你能说说常见的前端加密方法吗?
面试官:你能说说常见的前端加密方法吗?
216 0
|
1天前
|
安全 算法 网络安全
数字堡垒之下:网络安全漏洞、加密技术与安全意识的三重奏
【6月更文挑战第25天】在数字化时代的交响乐中,网络安全扮演着不可或缺的角色。本文将深入探讨网络安全的三大支柱:网络漏洞的存在与影响、加密技术的演进与应用以及安全意识的培养与实践。通过分析这些关键要素,我们旨在为读者提供一套维护网络安全的实用指南,确保个人和组织在信息海洋中航行的安全。
|
2天前
|
SQL 存储 安全
网络安全与信息安全:漏洞、加密与意识的三重防线
在数字时代的浪潮中,网络安全与信息安全的重要性日益凸显。本文将深入探讨网络安全中的漏洞问题,介绍加密技术的最新进展,并强调安全意识在防护体系中的核心作用。通过分析近期的安全事件案例,揭示网络威胁的演变趋势,并提供实用的防御策略,旨在为读者构建一个多层次、全方位的安全防护框架。
|
2天前
|
安全 网络安全 数据安全/隐私保护
网络安全与信息安全:漏洞、加密与意识
当今社会,网络安全和信息安全已经成为人们关注的焦点。本文从网络安全漏洞、加密技术和安全意识三个方面展开探讨,旨在帮助读者更好地了解和应对网络安全挑战,提高自身信息安全意识和防范能力。