前端常用的加密方式

本文涉及的产品
密钥管理服务KMS,1000个密钥,100个凭据,1个月
简介: 前端常用的加密方式

1. 前言

  1. MD5-github
  2. cdn-MD5-base64下载 直接输入想要的第三方库 搜索就行
  3. 前端常用的加密方式 其实就几种md5,base64,URL加密 都不难

2. md5

  1. MD5 加密  是目前最安全有效的加密方式  因为它是单向不可逆
  2. md5加密方式不是js内置的API, 需要使用插件实现MD5-github
  3. md5是一种加密算法, 所有语言都可以使用不仅限于前端
  4. 直接下载到本地 的用法 <script src="./md5.js"></script>

// 加密数组
        console.log(md5(['MD5","对数组加密"]))
// 加密字符串
        console.log(md5("对字符串加密"))
// 加密数字
// 对同一个字符加密 结果是一样的 所以有些服务器确实也是不知道我们密码的, 只是存储了 md5加密后的账号信息
        console.log(md5(count),md5(count),md5(count))
  1. 加密可以嵌套  md5( md5(count) )

3.  base64

  1. base64加密 是一种常见的加密方式,没有MD5安全 因为它是双向可解密
  2. base64加密方式不是js内置的API, 需要使用插件实现
  3. 也是所有语言都可以使用的加密算法
  4. 直接下载到本地 的用法  <script src="./base64.js"></script>

let arr = ['base64','数组加密']
// 数组 加密
  console.log(  Base64.encode(arr) )
// 数组解密
  console.log( Base64.decode(arr) )
 let str1 = '我就是个字符串'
// 字符串 加密
  console.log(  Base64.encode(str1) )
// 字符串解密
  console.log( Base64.decode(str1) )
 let count1 = 23456789
// 数字 加密
  console.log(  Base64.encode(count1) )
// 数字 解密
  console.log( Base64.decode(count1) )
  1. cdn-base64下载 直接输入想要的第三方库 搜索就行
  2. 加密可以嵌套  Base64.encode( Base64.encode(str1) )

4.  URL 加密

  1. URL 加密是一种网络请求中常用的加密方式, 用于汉字加密, 可解密
  2. URL加密方式是js内置API, 可以不用第三方库
  3. 这其实取巧了,上代码

let arr = ["哈喽"]
// 数组 加密
  console.log(  encodeURI(arr) )
// 数组解密
  console.log( decodeURI(arr) )
encodeURI("字符串 必须是汉字才行")

5. JSON

  1. JSON编码解码  是一种数据类型的转化方式, 常用于对象数组的编码解码
  2. JSON编码也是js内置API
  3. 主要用来 数据解析

let  array = JSON.stringify([1,2,3,4])
 console.log(array)
 let array2 = JSON.parse(array)
 console.log(array2)

6. 总结

  1. md5: 一般用于密码或敏感信息的加密 (账号密码)
  2. base64 : 一般用于文件和图片的加密(前端打包配置)
  3. url: 用于网络请求信息中的汉字加密(百度 AI 的 图片识别 会用到)
  4. JSON: 用于网络响应数据的解析(服务器返回的数据一般是 json格式)

参考资料

MD5-github

cdn-MD5-base64下载


初心

我所有的文章都只是基于入门,初步的了解;是自己的知识体系梳理,如有错误,道友们一起沟通交流;
如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;
共勉
相关文章
|
7月前
|
前端开发 JavaScript 安全
前端JS加密对抗由浅入深-2
前言: 本文主要讲解,针对前端非对称、多段加密数据传输站点,如何进行动态调试,如何进行安全测试。本次讲解不涉及任何漏洞方面,仅为学习探讨,该站点现已经更改加密方式,严禁非法测试!
|
25天前
|
资源调度 前端开发 JavaScript
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第10天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤,包括安装依赖、创建混淆脚本、修改 `package.json` 脚本命令、构建项目并执行混淆,以及在 HTML 文件中引用混淆后的文件。通过这些步骤,可以有效提高代码的安全性。
|
28天前
|
前端开发 JavaScript 安全
vite3+vue3 实现前端部署加密混淆 javascript-obfuscator
【11月更文挑战第7天】本文介绍了在 Vite 3 + Vue 3 项目中使用 `javascript-obfuscator` 实现前端代码加密混淆的详细步骤。包括项目准备、安装 `javascript-obfuscator`、配置 Vite 构建以应用混淆,以及最终构建项目进行混淆。通过这些步骤,可以有效提升前端代码的安全性,防止被他人轻易分析和盗用。
|
4月前
|
JavaScript 前端开发 安全
VUE——APP,后端,前端三端AES加密解密
VUE——APP,后端,前端三端AES加密解密
174 0
|
5月前
|
前端开发 安全 JavaScript
学习前端加密
【7月更文挑战第3天】前端加密保护数据安全,防止传输中被截获,提升用户体验。HTTPS基础保障,JavaScript库如CryptoJS辅助加密,Web Crypto API提供原生加密功能。但前端加密非万能,需结合后端措施,注意算法选择、密钥管理。
70 2
|
6月前
|
算法 前端开发 安全
面试官:前端加密怎么做?这,这,这不是后端的活儿吗?
前端加密技术概述: 前端加密主要用来保护数据在传输过程中的安全,但因浏览器环境开放性,仅能提供有限的安全性,真正安全策略需结合服务器端加密和安全协议。
|
7月前
|
存储 前端开发 安全
常见的前端加密方式都有哪些?
【4月更文挑战第19天】本文介绍了前端加密的四种常见方法:哈希加密、对称加密、非对称加密和混合加密。哈希加密适用于密码存储,但存在哈希碰撞风险;对称加密速度快,适合安全通信;非对称加密更安全,但速度慢;混合加密结合两者优点,常用于 SSL/TLS。前端加密是数据安全的重要一环,但需与后端安全措施配合以构建全面防护体系。示例代码展示了 JavaScript 中的 SHA-256、AES 和 RSA 加密。
719 6
|
7月前
|
存储 前端开发 算法
常见的前端加密方式有哪些?运用场景有哪些?
【4月更文挑战第12天】前端加密技术包括对称加密(如AES、DES)、非对称加密(如RSA)和Hash算法(如MD5、SHA-1)。对称加密用于本地数据加密、HTTPS通信,非对称加密常用于用户登录认证,Hash算法适用于数据完整性校验和密码存储。应用场景包括用户登录认证、敏感数据传输、文件加密和支付安全。加密技术结合访问控制、安全审计等措施,能提升数据和用户信息安全。
846 9
|
7月前
|
JSON 前端开发 Java
springboot项目实现实体类加密存库,解密返回给前端
springboot项目实现实体类加密存库,解密返回给前端
92 0
|
7月前
|
存储 算法 前端开发
面试官:你能说说常见的前端加密方法吗?
面试官:你能说说常见的前端加密方法吗?
287 0