本文主要是介绍前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
第一种：jsencrypt
第一步：引入js
<script src="http://minio.zt.hnic.com.cn/zyy/webapp/jsencrypt.min.js"></script>
第二步：
// 加密方法
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:
<script type="text/javascript" src="./jquery.base64.js"></script>
代码如下：
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(‘要解密的数据’)
这篇关于前端加密（纯前端加密不保险，请谨慎使用，尽量后台加密）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
