js前端数据加密插件
(2014-11-14 15:37:35)
摘要:
大部分动态网站都支持从客户端到服务器传递数据,如果传递的数据被别人截取就非常危险,尤其是一些用户名密码之类的。这时候就需要我们在传递数据之前对数据进行加密。现在的加密算法已经有很多了,例如:MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC等等。下面分享几款前端加密的插件。
- braintree.js
它是设计用于与客户端的库。加密库将数据(通常是在一个移动设备或merchant-hosted网站通过表单提交)和加密使用非对称密钥对的公钥提交。在服务器上,使用客户端发送加密数的公钥。1 var clientSideEncryptionKey = "YOUR_ENCRYPTION_KEY";
2 var braintree = Braintree.create(clientSideEncryptionKey);
3 $(#transaction_form).submit(function() {
4 encryptedForm().submit();
5 return false;
6 }); - BurningPig-encryption
使用RSA算法进行加密1 var rsa = require("./src/rsa.js");
2 var key = new rsa.Key();
3
4 var message = "All your bases are belong to us.";
5 console.log("Message:\n"+message+"\n");
6
7 // Generate a key
8 key.generate(1024, "10001");
9 console.log("Key:\n");
10 console.log("n:" + key.n.toString(16));
11 console.log("e:" + key.e.toString(16));
12 console.log("d:" + key.d.toString(16));
13 console.log("\n");
14
15 // Encrypt
16 var encrypted = key.encrypt(message);
17 console.log("Encrypted:\n" + rsa.linebrk(encrypted, 64) + "\n" );
18
19 // Decrypt
20 var decrypted = key.decrypt(encrypted);
21 console.log("Decrypted:" + rsa.linebrk(decrypted, 64) + "\n");
22
23 var sig = key.signString(message, "sha256");
24 console.log("String signature: \n" + rsa.linebrk(sig, 64));
25
26 var pubkey = new rsa.Key();
27 pubkey.n = key.n;
28 pubkey.e = key.e;
29
30 var verified = pubkey.verifyString(message, sig);
31
32 console.log("Verfied: " + verified); - MD5
项目中使用的就是这个插件。1 // quick test
2 var input1 = "ABC";
3 var input2 = ["A","B","C"];
4 var input3 = [0x41, 0x42, 0x43];
5 alert(faultylabs.MD5(input1) == "902FBDD2B1DF0C4F70B4A5D23525E932");
6 alert(faultylabs.MD5(input2) == "902FBDD2B1DF0C4F70B4A5D23525E932");
7 alert(faultylabs.MD5(input3) == "902FBDD2B1DF0C4F70B4A5D23525E932");
8
9 // ArrayBuffer
10 var abuf = new ArrayBuffer(3)
11 var vu8 = new Uint8Array(abuf)
12 vu8[0] = 0x41; vu8[1] = 0x42; vu8[2] = 0x43
13 alert(faultylabs.MD5(abuf) == "902FBDD2B1DF0C4F70B4A5D23525E932")
14
15 // Typed Array Uint32Array
16 var au32 = new Uint32Array(1)
17 au32[0] = 0xDDCCBBAA
18 alert(faultylabs.MD5(au32) == "CA6FFBF95B47864FD4E73F2601326304") - crypto.js
是一个综合的库,包含很多算法,MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC,HMAC-MD5,HMAC-SHA1,HMAC-SHA256,PBKDF21 var CryptoJS = require("crypto-js");
2 console.log(CryptoJS.HmacSHA1("Message", "Key")); - sjcl
1 sjcl.encrypt("password", "data")
2 sjcl.decrypt("password", "encrypted-data") - jcryption
在正常情况下,当提交数据时,如果没有SSL数据将使用纯文本的方式发送。jCryption这个jQuery插件能够加密由Forms提交的POST/GET数据。jCryption使用RSA公钥密码算法加密,该项目还提供一个PHP文件来处理数据的解密。1 $(function() {
2 $("form").jCryption();
3 }); - jshashes
jshashes是一个纯JavaScript实现的扩展散列算法。它的目标是提供一个独立的、快速和简单的散列算法解决方案对客户端和服务器端都是JavaScript环境的。包括算法:MD5,SHA-1,SHA-256,SHA-512,HMAC,RIPEMD-1601 // new MD5 instance
2 var MD5 = new Hashes.MD5;
3 // new SHA1 instance
4 var SHA1 = new Hashes.SHA1;
5 // new SHA256 instance
6 var SHA256 = new Hashes.SHA256;
7 // new SHA512 instace
8 var SHA512 = new Hashes.SHA512;
9 // new RIPEMD-160 instace
10 var RMD160 = new Hashes.RMD160;
11 // sample string
12 var str = 'Sample text!';
13 // output to console
14 console.log('MD5: ' + MD5.hex(str));
15 console.log('SHA1: ' + SHA1.hex(str));
16 console.log('SHA256: ' + SHA256.hex(str));
17 console.log('SHA512: ' + SHA512.hex(str));
18 console.log('RIPEMD-160: ' + RMD160.hex(str));
小结:
网上也有很多关于数据加密的,大部分思路是使用非对称加密方法,如果你有好的方法可以多多交流。
另外附上两个在node.js环境上加密解密的插件:
https://github.com/gwjjeff/cryptojs
https
js前端数据加密插件的更多相关文章
- 最好用的js前端框架、组件、文档在线预览插件
这里收集的都是个人认为比较好的js框架.组件 js前端ui框架 此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完 ...
- JS前端图形化插件之利器Gojs组件(php中文网)
JS前端图形化插件之利器Gojs组件(php中文网) 一.总结 一句话总结:php中文网我可以好好走一波 二.JS前端图形化插件之利器Gojs组件 参考: JS前端图形化插件之利器Gojs组件-js教 ...
- 【QRcode二维码】:使用JS前端插件QRcode.js生成二维码
1.先简单说一下jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcode 获取), qrcode.js 是实现二 ...
- Sublime编辑器 前端 必备插件
sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~, ...
- VSCode 前端必备插件
VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "versio ...
- 第一百八十七节,jQuery,知问前端--cookie 插件,注册成功后生成cookie,显示登录状态
jQuery,知问前端--cookie 插件 学习要点: 1.使用 cookie 插件 2.注册直接登录 Cookie 是网站用来在客户端保存识别用户的一种小文件.一般来用库可以保存用户登 录信息.购 ...
- 第一百八十三节,jQuery-UI,知问前端--验证插件
jQuery-UI,知问前端--验证插件 学习要点: 1.使用 validate.js 插件 2.默认验证规则 3.validate()方法和选项 4.validate.js 其他功能 验证插件(va ...
- Jquery前端分页插件pagination同步加载和异步加载
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...
- Fundebug前端JavaScript插件更新至1.8.2,修复2个小BUG
摘要: 修复2个BUG,请大家及时更新. Fundebug前端异常监控服务 Fundebug是专业的程序异常监控平台,我们JavaScript插件可以提供全方位的异常监控,可以帮助开发者第一时间定位各 ...
随机推荐
- POJ2891:Strange Way to Express Integers——题解
http://poj.org/problem?id=2891 题目大意: k个不同的正整数a1,a2,...,ak.对于一些非负m,满足除以每个ai(1≤i≤k)得到余数ri.求出最小的m. 输入和输 ...
- BZOJ2588 Count on a tree 【树上主席树】
2588: Spoj 10628. Count on a tree Time Limit: 12 Sec Memory Limit: 128 MB Submit: 7577 Solved: 185 ...
- 洛谷 P2730 魔板 Magic Squares 解题报告
P2730 魔板 Magic Squares 题目背景 在成功地发明了魔方之后,鲁比克先生发明了它的二维版本,称作魔板.这是一张有8个大小相同的格子的魔板: 1 2 3 4 8 7 6 5 题目描述 ...
- POJ.1797 Heavy Transportation (Dijkstra变形)
POJ.1797 Heavy Transportation (Dijkstra变形) 题意分析 给出n个点,m条边的城市网络,其中 x y d 代表由x到y(或由y到x)的公路所能承受的最大重量为d, ...
- 阿里云学生机——Mysql配置---教小白入门篇
首先,我的学生机默认配置为:CentOS 7.2 64位 + Tomcat 8 + Jdk8 + MySQL5.7.16 扩展:Linux 如何查看 MySQL 版本号----使用命令 mysql - ...
- [LOJ 6159] 最长树链
看到要求gcd不为1所以肯定在这条答案链上都是一个质数的倍数,所以就会产生一个很暴力的想法 没错,正解就是这样的暴力 只让走是i(素数)倍数的点,作最长链 最长链可以树形dp或两遍bfs,一遍找端点, ...
- Ubuntu 16.04安装NVIDIA驱动后循环登录问题
问题描述 最近买了两块NVIDIA Titan X Pascal显卡装到了服务器(运行Ubuntu 16.04)上.为了使用这两块GPU显卡,首先需要安装显卡驱动,安装方式为 #安装一个依赖文件,并更 ...
- ios的hitTest方法以及不规则区域内触摸事件处理方法
概述 在正常的使用场景中,我们处理了比较多的矩形区域内触摸事件,比如UIButton.UIControl.一般来说,这些控件的图形以及触摸区域都是矩形或者圆角矩形的.但是在一些特殊应用场景中我们有时不 ...
- hdu 1754 线段树 单点更新 动态区间最大值
I Hate It Time Limit: 9000/3000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total ...
- java正则 以什么开始,以什么结束
public class RegTest { public static void main(String[] args){ String regex = "\\[([\\s\\S]*?)\ ...