我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript实现加密与解密详解

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript实现加密与解密详解

目前原生JS貌似并没有提供MD5计算相关的函数方法,只能自己实现或者使用前辈大神写好的。

一、使用crypto.js库进行加密

GitHub的 https://github.com/brix/crypto-js 上下载该js。

它可以单独引入所需要加密方式的js;也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式。

用法:

<script type="text/javascript" class="lazy" data-src="path-to/bower_components/crypto-js/crypto-js.js"></script>
<script type="text/javascript">
    var encrypted = CryptoJS.AES(...);
    var encrypted = CryptoJS.SHA256(...);
</script>

1、举例:

Hash加密:

//加密实例一
  console.log("加密结果一 MD5:"+CryptoJS.MD5("你好")); 
  
//加密实例二  
var pwd="passwor";
console.log("加密结果二 Hmac-MD5:   "+CryptoJS.HmacMD5("你好",pwd));

AES对称加密:

普通文本加密

// 加密
var ciphertext = CryptoJS.AES.encrypt('my message', 'secret key 123').toString();

// 解密
var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var originalText = bytes.toString(CryptoJS.enc.Utf8);

console.log(originalText); // 'my message'

对象加密

var data = [{id: 1}, {id: 2}]

// 加密
var ciphertext = CryptoJS.AES.encrypt(JSON.stringify(data), 'secret key 123').toString();

// 解密
var bytes  = CryptoJS.AES.decrypt(ciphertext, 'secret key 123');
var decryptedData = JSON.parse(bytes.toString(CryptoJS.enc.Utf8));

console.log(decryptedData); // [{id: 1}, {id: 2}]

Custom Key and IV

var key = CryptoJS.enc.Utf8.parse('AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'); //密钥 
var iv  = CryptoJS.enc.Utf8.parse('1234567812345678');
// 加密
var encrypted = CryptoJS.AES.encrypt("Message", key, { iv: iv });

// 解密
var decrypted =CryptoJS.AES.decrypt(encrypted,key,
        {
            iv:iv,
            mode:CryptoJS.mode.CBC,
            padding:CryptoJS.pad.Pkcs7
        });
var originalText = decrypted.toString(CryptoJS.enc.Utf8); 

Block Modes and Padding

var key  = CryptoJS.enc.Utf8.parse('AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA');  //密钥 
var iv   = CryptoJS.enc.Utf8.parse('1234567812345678');
var encrypted =CryptoJS.AES.encrypt("Message", ,key,
        {
            iv:iv,
            mode:CryptoJS.mode.CBC,
            padding:CryptoJS.pad.Pkcs7
        }); //返回的是base64格式的密文

2、API

See: https://cryptojs.gitbook.io/docs/

编码工具:

var words = CryptoJS.enc.Base64.parse("SGVsbG8sIFdvcmxkIQ==");
​var base64 = CryptoJS.enc.Base64.stringify(words);
​
var words = CryptoJS.enc.Hex.parse("48656c6c6f2c20576f726c6421");
​var hex = CryptoJS.enc.Hex.stringify(words);
​
var words = CryptoJS.enc.Utf8.parse("");
​var utf8 = CryptoJS.enc.Utf8.stringify(words);

二、使用JavaScript-MD5库进行加密

GitHub的 https://github.com/blueimp/JavaScript-MD5 上下载该js。

举例:

Calculate the (hex-encoded) MD5 hash of a given string value:

var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804"
var v1= md5('{"name":"嘻嘻嘻嘻嘻嘻嘻嘻嘻","age":22}'); //56b21847ed32d2d96cf74077b22342eb

Calculate the (hex-encoded) HMAC-MD5 hash of a given string value and key:

var hash = md5('value', 'key') // "01433efd5f16327ea4b31144572c67f6"

Calculate the raw MD5 hash of a given string value:

var hash = md5('value', null, true)

Calculate the raw HMAC-MD5 hash of a given string value and key:

var hash = md5('value', 'key', true)

到此这篇关于JavaScript实现加密与解密详解的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript实现加密与解密详解

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

JavaScript如何实现加密与解密

这篇“JavaScript如何实现加密与解密”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript如何实现加密与
2023-06-30

python密码加密与解密的实现

本文主要介绍了python密码加密与解密的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2023-02-07

C#如何实现加密与解密

这篇文章主要讲解了“C#如何实现加密与解密”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C#如何实现加密与解密”吧!一、Hash加密,使用HashAlgorithm哈希算法类的派生类(MD5
2023-06-30

Rust实现AES加解密详解

这篇文章主要为大家详细介绍了如何利用Rust语言实现AES加解密算法,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以了解一下
2022-11-13

如何实现VBS加密与VBE解密

这篇文章主要介绍了如何实现VBS加密与VBE解密,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。用Script Encoder加密VBS脚本Script Encoder 是一个
2023-06-08

php对称加密和解密的实现详解

PHP对称加密和解密实现详解本指南详细讲解了PHP中使用对称密钥进行加密和解密的实现方法。对称加密利用同一密钥加密和解密数据,PHP提供了多种函数来实现此功能。加密过程包括创建密钥、初始化加密器并加密明文,而解密过程则涉及创建解密器并解密密文。PHP支持多种对称加密算法,包括AES、DES和RC4。在使用对称加密时,安全考虑至关重要,包括密钥管理、算法选择和密钥长度。通过遵循最佳实践,开发人员可以确保数据的安全性和机密性。
php对称加密和解密的实现详解
2024-04-02

android md5加密与rsa加解密实现代码

代码如下: import java.io.UnsupportedEncodingException; import java.security.MessageDigest; import java.security.NoSuchAlgori
2022-06-06

Python实现栅栏密码的加密解密方法详解

这篇文章主要介绍了Python实现栅栏密码的加密解密方法,所谓栅栏密码,就是把要加密的明文分成N个一组,然后把每组的第1个字连起来,形成一段无规律的话。不过栅栏密码本身有一个潜规则,就是组成栅栏的字母一般不会太多
2023-01-16

PHP加密函数与解密函数详解

这篇文章主要为大家详细介绍了PHP中的加密函数与解密函数的相关资料,文中的示例代码讲解详细,对我们学习了解PHP有一定的帮助,需要的可以参考一下
2022-11-13

详解PHPlaravel中的加密与解密函数

Laravel为我们提供了完整的加密方法及加密模式。这篇文章主要带大家具体看下laravel为我们提供的加密及解密方法,感兴趣的小伙伴可以了解一下
2022-11-13

JavaScript常规加密技术实现方式详解

这篇文章主要为大家介绍了JavaScript常规加密技术实现方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-05-16

nodejs 实现3des加密解密

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它非常适合构建高性能的网络应用程序。3DES(Triple Data Encryption Standard)是一种常用的对称加密算法,在数据传输和存储中被广泛应用。在本文中,我们将介绍如何使用 Node.js 实现 3DES 加密解密。1. 安装必要的依赖首先,我们需要在本地安装一个名为
2023-05-16

jquery实现aes加密解密

随着互联网技术的发展,网络安全问题变得越来越突出。许多网站都要求用户输入敏感信息,如密码等。这些信息往往需要进行加密处理,以保证安全性。AES(Advanced Encryption Standard)是一种流行的加密算法,具有高效、安全、可靠的特点。在前端开发中,使用jQuery实现AES加密和解密是一种常用的方法。一、AES加密和解密简介AES加密和解密是一种对称加密算法,
2023-05-24

JAVA实现AES加密,解密

java提供了加解密工具,可以将字节转成加密字节. 因此在加解密前需要对内容进行转换. 一般情况我们希望以字符串的形式展示加密串 可以将byte[] 转换为base64字符串 也可以转换为16进制字符串 这里提供两个工具类 加密串为base
2023-08-24

编程热搜

目录