记录-JavaScript常规加密技术

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助

记录-JavaScript常规加密技术

当今Web开发中,数据安全是一个至关重要的问题,为了确保数据的安全性,我们需要使用加密技术。JavaScript作为一种客户端编程语言,可以很好地为数据进行加密。在本篇文章中,我们将为你提供一个常规JavaScript加密大全,以及案例代码来演示如何使用它们。

Base64加密

Base64是一种将二进制数据编码为ASCII字符的编码方式。这种编码方式广泛应用于将二进制数据转换为文本数据的场合,例如在电子邮件中传输二进制数据。以下是JavaScript实现Base64加密的代码:

function base64Encode(str) {
  return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (match, p1) => String.fromCharCode('0x' + p1)));
}

这里我们使用了JavaScript内置的btoa()函数和encodeURIComponent()函数。其中,btoa()函数可以将字符串编码为Base64格式,而encodeURIComponent()函数则可以将字符串转换为可传输的URI格式。我们还使用了一个正则表达式来将URI格式中的特殊字符进行替换。最后,我们将处理后的字符串返回作为结果。

以下是一个使用Base64加密的例子:

const originalString = "Hello, world!";
const encodedString = base64Encode(originalString);
​
console.log("Original string:", originalString);
console.log("Encoded string:", encodedString);

运行上述代码,输出将会是:

Original string: Hello, world!
Encoded string: SGVsbG8sIHdvcmxkIQ==

MD5加密

MD5是一种广泛使用的消息摘要算法,用于验证数据完整性和防止数据被篡改。MD5生成的摘要信息是一个128位的二进制数据,通常表示为32个十六进制数字。以下是JavaScript实现MD5加密的代码:

function md5(str) {
  let md5Hash = CryptoJS.MD5(str);
  return md5Hash.toString(CryptoJS.enc.Hex);
}

在这里,我们使用了一个JavaScript库CryptoJS来实现MD5加密。我们首先将输入的字符串传递给CryptoJS.MD5()函数进行摘要计算,然后将结果转换为十六进制格式的字符串返回。

以下是一个使用MD5加密的例子:

const originalString = "Hello, world!";
const hashedString = md5(originalString);
​
console.log("Original string:", originalString);
console.log("Hashed string:", hashedString);

运行上述代码,输出将会是:

Original string: Hello, world!
Hashed string: ed076287532e86365e841e92bfc50d8c

AES加密

AES是一种对称密钥加密算法,广泛应用于数据加密和保护。以下是JavaScript实现AES加密的代码:

function aesEncrypt(str, key) {
  let encrypted = CryptoJS.AES.encrypt(str, key);
  return encrypted.toString();
}
​
function aesDecrypt(str, key) {
  let decrypted = CryptoJS.AES.decrypt(str, key);
  return decrypted.toString(CryptoJS.enc.Utf8);
}

这里我们同样使用了CryptoJS库来实现AES加密。我们首先调用CryptoJS.AES.encrypt()函数来加密输入字符串,然后将结果转换为字符串并返回。解密过程也很类似,我们调用CryptoJS.AES.decrypt()函数来解密字符串,然后将结果转换为UTF-8格式的字符串并返回。

以下是一个使用AES加密的例子:

const originalString = "Hello, world!";
const key = "my-secret-key";
​
const encryptedString = aesEncrypt(originalString, key);
const decryptedString = aesDecrypt(encryptedString, key);
​
console.log("Original string:", originalString);
console.log("Encrypted string:", encryptedString);
console.log("Decrypted string:", decryptedString);

运行上述代码,输出将会是:

Original string: Hello, world!
Encrypted string: U2FsdGVkX19Jj+YoIjqJZvT8WxtsA9X+wLjKzFMGk8M=
Decrypted string: Hello, world!

以上是一个常规JavaScript加密大全及案例代码,希望可以对你有所帮助!

jsjiami.com

如果您对文章内容有不同看法,或者疑问,欢迎到评论区留言,或者私信我都可以。

也可以到上方网站,底部有我联系方式详谈

如遇自己源码加密后没备份,可以找我们解决解出恢复源码,任何加密都可以

本文转载于:

https://juejin.cn/post/7221350704471785530

如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。

 记录-JavaScript常规加密技术

原文链接:https://www.cnblogs.com/smileZAZ/p/17330561.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:记录-JavaScript常规加密技术 - Python技术站

(0)
上一篇 2023年4月19日
下一篇 2023年4月19日

相关文章

  • 深入理解Ajax的get和post请求

    关于深入理解Ajax的get和post请求,下面是我分享的完整攻略。 理解Ajax 什么是Ajax? Ajax是“Asynchronous JavaScript And XML”的缩写,意思是“异步JavaScript和XML”。 简单来说,Ajax使得Web应用程序可以在不重新加载页面的情况下进行异步通信。 这意味着您可以使用JavaScript向服务器发…

    JavaScript 2023年6月11日
    00
  • 使用javaScript动态加载Js文件和Css文件

    使用JavaScript动态加载JS文件和CSS文件是一种常见的前端技巧,可以帮助优化网页加载速度,提升用户体验。下面是实现这个技巧的完整攻略: 动态加载JS文件 动态加载JS文件通常分为两种方式:利用script标签动态插入和利用XMLHttpRequest请求代码并执行。 利用script标签动态插入 通过在HTML文档中添加一个script标签,并设置…

    JavaScript 2023年5月27日
    00
  • 基于Next.js实现在线Excel的详细代码

    关于“基于Next.js实现在线Excel的详细代码”的攻略,以下是我可以提供的详细过程: 第一步:安装Next.js 为了实现在线Excel,我们需要安装依赖包Next.js。可以通过npm命令进行安装: npm install next react react-dom 第二步:创建页面 创建一个名为pages/index.js的文件,这将是我们应用程序的…

    JavaScript 2023年6月11日
    00
  • document.getElementById为空或不是对象的解决方法

    问题背景 在web开发中,常常使用到document.getElementById()方法来获取特定的DOM元素。但有时候会因为各种原因而出现document.getElementById为空或不是对象的错误提示,让开发者很苦恼,并且无法正常运行。 问题原因 造成该错误提示的原因很多,最常见的有以下几种: 当DOM元素尚未加载进页面时尝试获取 DOM元素的I…

    JavaScript 2023年6月10日
    00
  • JavaScript中Reduce10个常用场景技巧

    JavaScript中reduce是一个非常有用的数组方法,它可以对一个数组的所有元素进行迭代,并返回一个最终的结果。reduce方法有很多应用场景,下面将介绍十个常用场景技巧。 1. 数组求和 使用reduce方法可以很方便地对数组中的数值进行求和。只需将reduce方法的初始值设置为0,每次迭代时将两个数值相加即可。 const arr = [1, 2,…

    JavaScript 2023年6月10日
    00
  • JavaScript对象封装的简单实现方法(3种方法)

    下面将详细讲解“JavaScript对象封装的简单实现方法(3种方法)”的完整攻略。 什么是JavaScript对象封装? JavaScript对象封装是指使用面向对象编程的思想,将数据和方法封装在一起,通过暴露公共方法的方式来实现数据的访问和操作保护。 实现JavaScript对象封装的三种方法 1. 利用构造函数实现对象封装 构造函数是一种用于创建对象的…

    JavaScript 2023年5月27日
    00
  • JavaScript对象引用与赋值实例详解

    JavaScript对象引用与赋值实例详解 在JavaScript中,有很多时候我们会需要操作对象(Object)。对象是JavaScript中最基本的数据结构之一,而且在JavaScript中,对象是一种引用类型的数据。 这就引出了一个问题,即JavaScript中对象引用和赋值的问题。该问题会在实际的开发中经常遇到,也会给我们带来一些困惑和不好的体验。本…

    JavaScript 2023年5月27日
    00
  • MutationObserver监视对DOM 树所做更改的功能妙用

    MutationObserver是一种Web API,它可以监视对DOM树所做的更改,并在更改发生时触发回调函数。它可以监视DOM的三类更改:子节点树的更改、属性的更改以及文本内容的更改。MutationObserver的用途非常广泛,特别是在与React、Vue等前端框架结合使用时,可以帮助我们轻松地实现数据绑定、自定义指令等功能。 MutationObs…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部