网页抓取 加密html(本文实例讲述了JS加密插件CryptoJS实现AES加密操作操作)
优采云 发布时间: 2022-03-23 03:05网页抓取 加密html(本文实例讲述了JS加密插件CryptoJS实现AES加密操作操作)
本文章主要介绍JS加密插件CryptoJS如何实现AES加密操作，具有一定的参考价值。有兴趣的朋友可以参考一下。我希望您在阅读此文章 后会有所收获。下面就让小编带大家一探究竟。
js的作用是什么
1、能够在 HTML 页面中嵌入动态文本。2、响应浏览器事件。3、读取和写入 HTML 元素。4、在将数据提交到服务器之前验证数据。5、检测访问者的浏览器信息。6、控制 cookie，包括创建和修改。7、基于 Node.js 技术的服务器端编程。
本文的例子介绍了JS加密插件CryptoJS实现AES加密。分享给大家参考，详情如下：
我最近在做一个项目。考虑到数据的安全性，我们需要在传输过程中对数据进行加密，以防止一些恶意操作和爬虫抓取数据。
先看一下这个 CryptoJS 的目录结构
主要是两个文件夹，components和rollups
第一个是组件，第二个是聚合。
汇总文件夹中的文件在一个或多个文件夹组合后进行压缩。
这使得 Rollup 将项目中的单独文件夹分成项目文件，而不用担心它的依赖关系。
您可以在此处查看聚合文件和组件之间的关系：
首先在项目中引入对应的加密文件，我们使用AES，并使用RequireJS加载JS，并在配置中声明路径：
require.config({
baseUrl: "/Public/Home/Js/lib",
paths: {
hzbAES:'../module/hzb.AES'
}
});
一、将加解密封装成一个模块
//模块初始化
var init=function () {
key = CryptoJS.enc.Utf8.parse(CryptoJS.MD5(ym.hezubao).toString());
iv = CryptoJS.enc.Utf8.parse(CryptoJS.MD5(key).toString().substr(0,16));
}
function encrypt(data) {
var encrypted='';
if(typeof(data)=='string')
{
encrypted = CryptoJS.AES.encrypt(data,key,{
iv : iv,
mode : CryptoJS.mode.CBC,
padding : CryptoJS.pad.ZeroPadding
});
}else if(typeof(data)=='object'){
data = JSON.stringify(data);
encrypted = CryptoJS.AES.encrypt(data,key,{
iv : iv,
mode : CryptoJS.mode.CBC,
padding : CryptoJS.pad.ZeroPadding
})
}
return encrypted.toString();
}
/*AES解密
* param : message 密文
* return : decrypted string 明文
*/
function decrypt(message) {
decrypted='';
decrypted=CryptoJS.AES.decrypt(message,key,{
iv : iv,
mode : CryptoJS.mode.CBC,
padding : CryptoJS.pad.ZeroPadding
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
解释代码：
调用代码
require(['hzbAES'], function(hzbAES){
var jsonData={'id':2,'username':'春天的熊'};//json格式数据（加密支持json格式和字符串格式）
$('#btn_test').click(function () {
var encrypt=hzbAES.encrypt(jsonData);
console.log('前台发过去的数据：'+encrypt);//已加密
$.getJSON(UrlGenerator.url(2,'Home','Index','test'),{'data':encrypt},function (data) {
if(!data['error'])
{
var decrypt=JSON.parse(hzbAES.decrypt(data['data']));
console.log('后台发过来的数据：');//已解密
console.log(decrypt);
}else{
console.log(data['error']);
}
})
});
});
感谢您仔细阅读此文章。希望小编分享的《JS加密插件CryptoJS如何实现AES加密》的文章文章对大家有所帮助。同时也希望大家多多支持易素。云，关注易宿云行业资讯频道，更多相关知识等你学习！
