前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密）

第一种：jsencrypt

第一步：引入js

第二步：

// 加密方法
function encryptedData (data) {var key = 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA5PzLsvPO7hA6Fs6EGBtjy4Oxtf/1fl57w+T69piggF9SJAdBIKa6qYqsQ6Zcxoo0mXAvmSdszOZADSajabh7CjVbi/NOlZNSGPOtnlVgLJDWhvEGldkUR/sENSCCFbyfVIKES5EIXptuqErhVrWaeBA2i69itTchGDLsXxugAdwTs1wpJFGAt0raeY6fNJCnZA/dGJceBcJchfeVx2RNyde1RFKce908wqLJswIWLyBKIjS+0C0Ig/frlzMV6ao3aqKVzczI8KcAAHM8HH73AllsCfYNOKR2WWEoNpr6tMFEvaaONjCIv2GDiiycH2ilxvS6VBFTBkGC/HBnQ3SjEwIDAQAB'const encryptor = new JSEncrypt()encryptor.setPublicKey(key)return encryptor.encrypt(data)};// 解密方法function decodeData (data) {const key = 'MIIEpAIBAAKCAQEA5PzLsvPO7hA6Fs6EGBtjy4Oxtf/1fl57w+T69piggF9SJAdB\IKa6qYqsQ6Zcxoo0mXAvmSdszOZADSajabh7CjVbi/NOlZNSGPOtnlVgLJDWhvEG\ldkUR/sENSCCFbyfVIKES5EIXptuqErhVrWaeBA2i69itTchGDLsXxugAdwTs1wp\JFGAt0raeY6fNJCnZA/dGJceBcJchfeVx2RNyde1RFKce908wqLJswIWLyBKIjS+\0C0Ig/frlzMV6ao3aqKVzczI8KcAAHM8HH73AllsCfYNOKR2WWEoNpr6tMFEvaaO\NjCIv2GDiiycH2ilxvS6VBFTBkGC/HBnQ3SjEwIDAQABAoIBAQC3rVNTyx+sdBW0\X5kzoRzOjWeKHrNz1yQdwVnRXiI4dr1zquIB59uIzXRam2KF2yxP+94iUq6CORsd\sWWZEuKXEK/LNbJOZqqO2z/j5oXLma6K9WEb59HN3zrDxryx5OhFKKAn4UE+ah08\HzxbijZKom6uY1OhGoSQXaCetZEGi1XaiFPJSKKyggdsD6bfE2I5rw9QwE+A4wKc\leI3ldV6G1RxLhPlqPFzMr/SbWjcs9mvPz6Dy8c/QaHGZNQlktVnQLzL/t0QZCvH\iVnGquCPgC7yaFHteOPNNo/UibAPeHvjyh+p/DugSogCpdYvCJit8YvZdjsELO81\8TeLC/3xAoGBAP5DpOyoasFaxBWz2M5GaVsLlYbUVDH1+/D3bQFJhnx7/Zj/GjuF\bDwndsi/J5rY089NNRy57ZsA2vGdo3W+kRE2gZUU6ycyXct8tgKQImqqlRbekzlT\7/FocblkH3AoXhJ19+s/CYZT04Meubyi2aEKcPA3Qe3eyyLLDYiwSrxLAoGBAOaM\+jp5g1rtGiN5hGIa3J+W6D5Hazpmpk5q/ouaHapEpibnTcV4tsV0/KUZA4Dkmuum\ZSAn5PsgICRE01jh5Uk8idHnw7YmvyaPKH65O8OASOpZBkBZeBB8B4JJSJDyTz49\J1PG+d5O3vDiXCk+ul7q2sjRL9CM7zj7Yg3GxWdZAoGActfYyS+0sEqv4GGQHnM9\KOtNiU2kDcDeH9ORv5AXF2jlfVJT5eh4n57vjvKQD+e5m5tyztvHz0gOnC0oZIlD\erPUyaJeKCEerkdQ6k1xzh3oIyE6/BzGdpJHM4ZekMka3Fm+NdoOEkcQdNvO5r3j\cFKH+mfq9ma396ohHckKqIsCgYEAhu5zdM2xRwIFjkWMaS53eR+FBQ4ff6qcIsEU\APhN7F0JMTOmnLAtqBrz0lx1ZHZnBQv5m3w904vVw+RUHWz4GIjJ0IPoUy8SKKsY\dDJM+/qUsjMwKXEzh9JPQr1JLyvhnPeFkM6fZrCaYjjY33rK8MpbCbUEWvZg++SE\WrO+zOECgYBsxDkVI+2t7QagDK3skLTVGaFjfGkwzAC3nQ4YF8no1oVMJF0IVd8B\yfW4iajIx9pT1DOwdM0ZFd/9IgituU3CMVrsCGwId+9uAaDAmHQU+PJd6drWF/di\LdldVzW1m8DzS1/ajHJ3cM89qHHqalZzPMWpjCMtSo9weT4nTH3IHg=='const decrypt = new JSEncrypt()decrypt.setPrivateKey(key)return decrypt.decrypt(data)};

第三步：使用

加密：encryptedData('要加密的数据')

解密：decodeData（'要解密的数据'）

第二种方式：base64加密

第一步：引入js:

代码如下：

jQuery.base64 = ( function( $ ) {var _PADCHAR = "=",_ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",_VERSION = "1.1";//Mr. Ruan fix to 1.1 to support asian char(utf8)function _getbyte64( s, i ) {// This is oddly fast, except on Chrome/V8.// Minimal or no improvement in performance by using a// object with properties mapping chars to value (eg. 'A': 0)var idx = _ALPHA.indexOf( s.charAt( i ) );if ( idx === -1 ) {throw "Cannot decode base64";}return idx;}function _decode_chars(y, x){while(y.length > 0){var ch = y[0];if(ch < 0x80) {y.shift();x.push(String.fromCharCode(ch));}else if((ch & 0x80) == 0xc0){if(y.length < 2) break;ch = y.shift();var ch1 = y.shift();x.push(String.fromCharCode( ((ch & 0x1f) << 6) + (ch1 & 0x3f)));}else{if(y.length < 3) break;ch = y.shift();var ch1 = y.shift();var ch2 = y.shift();x.push(String.fromCharCode(((ch & 0x0f) << 12) + ((ch1 & 0x3f) << 6) + (ch2 & 0x3f)));}    }}function _decode( s ) {var pads = 0,i,b10,imax = s.length,x = [],y = [];s = String( s );if ( imax === 0 ) {return s;}if ( imax % 4 !== 0 ) {throw "Cannot decode base64";}if ( s.charAt( imax - 1 ) === _PADCHAR ) {pads = 1;if ( s.charAt( imax - 2 ) === _PADCHAR ) {pads = 2;}// either way, we want to ignore this last blockimax -= 4;}for ( i = 0; i < imax; i += 4 ) {var ch1 = _getbyte64( s, i );var ch2 = _getbyte64( s, i + 1);var ch3 = _getbyte64( s, i + 2);var ch4 = _getbyte64( s, i + 3);b10 = ( _getbyte64( s, i ) << 18 ) | ( _getbyte64( s, i + 1 ) << 12 ) | ( _getbyte64( s, i + 2 ) << 6 ) | _getbyte64( s, i + 3 );y.push(b10 >> 16);y.push((b10 >> 8) & 0xff);y.push(b10 & 0xff);_decode_chars(y, x);}switch ( pads ) {case 1:b10 = ( _getbyte64( s, i ) << 18 ) | ( _getbyte64( s, i + 1 ) << 12 ) | ( _getbyte64( s, i + 2 ) << 6 );y.push(b10 >> 16);y.push((b10 >> 8) & 0xff);break;case 2:b10 = ( _getbyte64( s, i ) << 18) | ( _getbyte64( s, i + 1 ) << 12 );y.push(b10 >> 16);break;}_decode_chars(y, x);if(y.length > 0) throw "Cannot decode base64";return x.join( "" );}function _get_chars(ch, y){if(ch < 0x80) y.push(ch);else if(ch < 0x800){y.push(0xc0 + ((ch >> 6) & 0x1f));y.push(0x80 + (ch & 0x3f));}else{y.push(0xe0 + ((ch >> 12) & 0xf));y.push(0x80 + ((ch >> 6) & 0x3f));y.push(0x80 + (ch & 0x3f));}}function _encode( s ) {if ( arguments.length !== 1 ) {throw "SyntaxError: exactly one argument required";}s = String( s );if ( s.length === 0 ) {return s;}//s = _encode_utf8(s);var i,b10,y = [],x = [],len = s.length;i = 0;while(i < len){_get_chars(s.charCodeAt(i), y);while(y.length >= 3){var ch1 = y.shift();var ch2 = y.shift();var ch3 = y.shift();b10 = ( ch1 << 16 ) | ( ch2 << 8 ) | ch3;x.push( _ALPHA.charAt( b10 >> 18 ) );x.push( _ALPHA.charAt( ( b10 >> 12 ) & 0x3F ) );x.push( _ALPHA.charAt( ( b10 >> 6 ) & 0x3f ) );x.push( _ALPHA.charAt( b10 & 0x3f ) );}i++;}switch ( y.length ) {case 1:var ch = y.shift();b10 = ch << 16;x.push( _ALPHA.charAt( b10 >> 18 ) + _ALPHA.charAt( ( b10 >> 12 ) & 0x3F ) + _PADCHAR + _PADCHAR );break;case 2:var ch1 = y.shift();var ch2 = y.shift();b10 = ( ch1 << 16 ) | ( ch2 << 8 );x.push( _ALPHA.charAt( b10 >> 18 ) + _ALPHA.charAt( ( b10 >> 12 ) & 0x3F ) + _ALPHA.charAt( ( b10 >> 6 ) & 0x3f ) + _PADCHAR );break;}return x.join( "" );}return {decode: _decode,encode: _encode,VERSION: _VERSION};}( jQuery ) );

第二步：使用

加密：$.base64.encode(’要加密的数据')

解密：$.base64.decode(‘要解密的数据’)

前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密）相关推荐

【前端】纯前端的一个‘喜欢我吗？’
喜欢❤ 不喜欢→_→ 这是我模仿DIYGOD做的一个'臭不要脸的喜欢我吗?',哈哈哈哈哈有点意思. -我从未见过如此厚颜无耻之人! -我从未见过如此厚颜无耻之人! -我从未见过如此厚颜无耻之人! 只是 ...
xlsx模块前端_纯前端利用 js-xlsx 之单元格样式(4)-阿里云开发者社区
0.单元格样式: 样式属性子属性取值 fill patternType "solid" or "none" fgColor COLOR_SPEC bgCol ...
RSA加密web前端用户名密码加密传输至后台并解密
RSA加密web前端用户名密码加密传输至后台并解密编写加解密公共方法类RSAUtils import org.apache.commons.codec.binary.Base64; import j ...
RSA非对称加密传输---前端加密解密(VUE项目)
A要传给B一句话(需要保密),就由B生成一对公钥和私钥存好,公钥就好比一把锁,钥匙就是私钥.B只需要把锁给A,A把那句话锁起来,交还给B,在这过程中,即使大家都能看到公钥(锁),也是不知道那句话是啥的 ...
RSA后台加密，前端解密
项目中有个地方需要从后台重定向到前端的登录页面,参数是直接拼接到URL后面的,考虑到安全性,所以采用将URL后面的参数进行RSA加密,前端再解密 java后台代码: //生成秘钥对 public st ...
使用AES加密进行前端加、解密
什么是AES对称加密? 1.aes对称加密是最快速.简单的一种加密方式,加密(encryption).解密(decryption)使用的是同一套密钥(secret key): 2.aes(advanc ...
国密SM2的前端加密，后端解密（Java版本）及SM3 摘要加密
一.简介国密即国家密码局认定的国产密码算法.常用的主要有SM2,SM3,SM4. SM2:椭圆曲线公钥密码算法是我国自主设计的公钥密码算法,为非对称加密,基于ECC.该算法已公开.由于该算法基于EC ...
国密SM4，layui前端和.net core后台加密解密 .net加密解密
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.本文做用?? 二.SM4介绍三.使用步骤 1.前台实现加密 2.后台实现解密四总结前言第一次分享,我是个 ...
新一代纯前端控件集 WijmoJS 2018V2发布，提供 Web 设计器，可动态设计页面并生成代码...
概述作为一款纯前端控件集,WijmoJS 秉承"快如闪电,触控优先"的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进.除在全球率先支持 An ...

前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密）

前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密）相关推荐

最新文章

热门文章