h5 或者小程序中使用 MD5 和 base- 64 加密的处理的代码分享

最新推荐文章于 2024-07-18 11:41:36 发布
最新推荐文章于 2024-07-18 11:41:36 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： 实例分享 文章标签： h5 小程序 MD5 base64 代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cvper/article/details/86484221
版权

MD5 和 base64 可以用来简单的加密数据；

抛开其他的加密算法的使用，这里分享一下在h5 和微信小程序中使用 MD5 和 base64 加密的实现和代码；

先看看两段代码（来源未知，但亲测可用），第一个 MD5 的 js 实现，第二个 base64 的 js实现； 

 

第一个： base64 的实现

代码：

base64Transform() {
  // private property  
  var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

  this.encode = function (input) {
      var output = "";
      var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
      var i = 0;
      input = _utf8_encode(input);
      while (i < input.length) {
          chr1 = input.charCodeAt(i++);
          chr2 = input.charCodeAt(i++);
          chr3 = input.charCodeAt(i++);
          enc1 = chr1 >> 2;
          enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
          enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
          enc4 = chr3 & 63;
          if (isNaN(chr2)) {
              enc3 = enc4 = 64;
          } else if (isNaN(chr3)) {
              enc4 = 64;
          }
          output = output +
              _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
              _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
      }
      return output;
  }

  this.decode = function (input) {
      var output = "";
      var chr1, chr2, chr3;
      var enc1, enc2, enc3, enc4;
      var i = 0;
      input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
      while (i < input.length) {
          enc1 = _keyStr.indexOf(input.charAt(i++));
          enc2 = _keyStr.indexOf(input.charAt(i++));
          enc3 = _keyStr.indexOf(input.charAt(i++));
          enc4 = _keyStr.indexOf(input.charAt(i++));
          chr1 = (enc1 << 2) | (enc2 >> 4);
          chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
          chr3 = ((enc3 & 3) << 6) | enc4;
          output = output + String.fromCharCode(chr1);
          if (enc3 != 64) {
              output = output + String.fromCharCode(chr2);
          }
          if (enc4 != 64) {
              output = output + String.fromCharCode(chr3);
          }
      }
      output = _utf8_decode(output);
      return output;
  }

  var _utf8_encode = function (string) {
      string = string.replace(/\r\n/g, "\n");
      var utftext = "";
      for (var n = 0; n < string.length; n++) {
          var c = string.charCodeAt(n);
          if (c < 128) {
              utftext += String.fromCharCode(c);
          } else if ((c > 127) && (c < 2048)) {
              utftext += String.fromCharCode((c >> 6) | 192);
              utftext += String.fromCharCode((c & 63) | 128);
          } else {
              utftext += String.fromCharCode((c >> 12) | 224);
              utftext += String.fromCharCode(((c >> 6) & 63) | 128);
              utftext += String.fromCharCode((c & 63) | 128);
          }

      }
      return utftext;
  }

  var _utf8_decode = function (utftext) {
      var string = "";
      var i = 0;
      var c = c1 = c2 = 0;
      while (i < utftext.length) {
          c = utftext.charCodeAt(i);
          if (c < 128) {
              string += String.fromCharCode(c);
              i++;
          } else if ((c > 191) && (c < 224)) {
              c2 = utftext.charCodeAt(i + 1);
              string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
              i += 2;
          } else {
              c2 = utftext.charCodeAt(i + 1);
              c3 = utftext.charCodeAt(i + 2);
              string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
              i += 3;
          }
      }
      return string;
  }
}

使用方法： （小程序中也可使用）

                                  

var base = new this.base64Transform();    //  先创建一个对象实例

var result = base.encode(paramsString)    //  将字符串 paramsString 转成base64 ,result  就是 
                                          //  我们需要的结果；

    或者

let base = new this.base64Transform();

let result = base.encode(paramsString)

 

 

第二个： MD5的 js 实现

代码：

md5Transform( param ) {
        
        // 给字符串对象增加一个MD5的方法
        String.prototype.MD5 = function (bit) {
            var sMessage = this;
            function RotateLeft(lValue, iShiftBits) { return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits)); }
            function AddUnsigned(lX, lY) {
                var lX4, lY4, lX8, lY8, lResult;
                lX8 = (lX & 0x80000000);
                lY8 = (lY & 0x80000000);
                lX4 = (lX & 0x40000000);
                lY4 = (lY & 0x40000000);
                lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
                if (lX4 & lY4) return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
                if (lX4 | lY4) {
                    if (lResult & 0x40000000) return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
                    else return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
                } else return (lResult ^ lX8 ^ lY8);
            }
            function F(x, y, z) { return (x & y) | ((~x) & z); }
            function G(x, y, z) { return (x & z) | (y & (~z)); }
            function H(x, y, z) { return (x ^ y ^ z); }
            function I(x, y, z) { return (y ^ (x | (~z))); }
            function FF(a, b, c, d, x, s, ac) {
                a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
                return AddUnsigned(RotateLeft(a, s), b);
            }
            function GG(a, b, c, d, x, s, ac) {
                a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
                return AddUnsigned(RotateLeft(a, s), b);
            }
            function HH(a, b, c, d, x, s, ac) {
                a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
                return AddUnsigned(RotateLeft(a, s), b);
            }
            function II(a, b, c, d, x, s, ac) {
                a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
                return AddUnsigned(RotateLeft(a, s), b);
            }
            function ConvertToWordArray(sMessage) {
                var lWordCount;
                var lMessageLength = sMessage.length;
                var lNumberOfWords_temp1 = lMessageLength + 8;
                var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
                var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
                var lWordArray = Array(lNumberOfWords - 1);
                var lBytePosition = 0;
                var lByteCount = 0;
                while (lByteCount < lMessageLength) {
                    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
                    lBytePosition = (lByteCount % 4) * 8;
                    lWordArray[lWordCount] = (lWordArray[lWordCount] | (sMessage.charCodeAt(lByteCount) << lBytePosition));
                    lByteCount++;
                }
                lWordCount = (lByteCount - (lByteCount % 4)) / 4;
                lBytePosition = (lByteCount % 4) * 8;
                lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
                lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
                lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
                return lWordArray;
            }
            function WordToHex(lValue) {
                var WordToHexValue = "", WordToHexValue_temp = "", lByte, lCount;
                for (lCount = 0; lCount <= 3; lCount++) {
                    lByte = (lValue >>> (lCount * 8)) & 255;
                    WordToHexValue_temp = "0" + lByte.toString(16);
                    WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
                }
                return WordToHexValue;
            }
            var x = Array();
            var k, AA, BB, CC, DD, a, b, c, d
            var S11 = 7, S12 = 12, S13 = 17, S14 = 22;
            var S21 = 5, S22 = 9, S23 = 14, S24 = 20;
            var S31 = 4, S32 = 11, S33 = 16, S34 = 23;
            var S41 = 6, S42 = 10, S43 = 15, S44 = 21;
            // Steps 1 and 2. Append padding bits and length and convert to words 
            x = ConvertToWordArray(sMessage);
            // Step 3. Initialise 
            a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;
            // Step 4. Process the message in 16-word blocks 
            for (k = 0; k < x.length; k += 16) {
                AA = a; BB = b; CC = c; DD = d;
                a = FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
                d = FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
                c = FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
                b = FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
                a = FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
                d = FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
                c = FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
                b = FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
                a = FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
                d = FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
                c = FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
                b = FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
                a = FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
                d = FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
                c = FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
                b = FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
                a = GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
                d = GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
                c = GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
                b = GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
                a = GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
                d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
                c = GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
                b = GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
                a = GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
                d = GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
                c = GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
                b = GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
                a = GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
                d = GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
                c = GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
                b = GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
                a = HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
                d = HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
                c = HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
                b = HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
                a = HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
                d = HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
                c = HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
                b = HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
                a = HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
                d = HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
                c = HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
                b = HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
                a = HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
                d = HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
                c = HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
                b = HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
                a = II(a, b, c, d, x[k + 0], S41, 0xF4292244);
                d = II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
                c = II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
                b = II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
                a = II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
                d = II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
                c = II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
                b = II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
                a = II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
                d = II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
                c = II(c, d, a, b, x[k + 6], S43, 0xA3014314);
                b = II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
                a = II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
                d = II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
                c = II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
                b = II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
                a = AddUnsigned(a, AA); b = AddUnsigned(b, BB); c = AddUnsigned(c, CC); d = AddUnsigned(d, DD);
            }
            if (bit == 32) {
                return WordToHex(a) + WordToHex(b) + WordToHex(c) + WordToHex(d);
            }
            else {
                return WordToHex(b) + WordToHex(c);
            }
        }
        return String(param).MD5(32);
    }

使用方法：

这段代码外面有一个 md5Transform( para ){ } 函数，这个外壳可以不用，去掉，我们直接使用里面的代码即可；

代码给字符对象拓展了一个 MD5 的方法；

现在假设有一个变量   abc = "12345";

那么   return   abc.MD5(32)  即可返回 12345 的MD5加密的值； 

我在上述代码外包了一个函数 md5Transform ，然后再函数的结尾  return 参数 param 的MD5的加密结果；

这样，这个函数的返回值就是我们传递进去的参数的MD5 的加密值；

cvper
关注
专栏目录
小程序，h5，移动端处理md5加密接口，请求数据加密方式AES-128-ECB
wfan7758521的博客
08-18 1466
md5 加密参数 请求数据 前端通用方法
RSA公钥加密在小程序中的小问题
weixin_38935810的博客
12-04 1197
RSA公钥加密在小程序中的小问题功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 简介: RSA加密算法是一种非对称加密...
微信小程序base64加解密
06-21
微信小程序base64加解密的js 和使用方法
h5加密(MD5 Base64 sha1 亲测可用)
......
03-21 2422
本文属于转载:原文博主 博客园 苏小十~ 点击跳转到原文原文地址 base64加密：在页面中引入base64.js文件，调用方法为： <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" ...
小程序Base64加密解密解决方案
最新发布
weixin_42941628的博客
07-18 437
【代码】小程序Base64加密解密解决方案。
小程序使用Base64加密key（秘钥）和iv（偏移量）在进行aes加密，AES加密技术简介与应用
2401_84411557的博客
05-02 2824
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】篇幅有限，仅展示部分内容。
base64 加密应用小程序中
业余前端的职业经历
07-27 684
在h5的环境下 有一个原生支持 base64加密的方法 btoa() btoa() 方法用于创建一个 base-64 编码的字符串。 该方法使用 “A-Z”, “a-z”, “0-9”, “+”, “/” 和 “=” 字符来编码字符串。 base-64 解码使用方法是 atob() 。 但是吧 小程序模拟器上能过去，真机测试死活过不去 只好去网上 换种 base64加密的方式了 引入一个base64加密的方法库 var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRS
uniapp h5 MD5加密
王二的博客
10-13 1364
2.然后，在需要使用 MD5 加密的地方，引入 CryptoJS 代码库： 3.接下来，我们定义一个要加密的明文消息： 4.然后，我们定义一个函数 md5Encrypt 来进行 MD5 加密： 5.在这个函数中，我们使用 CryptoJS.MD5() 方法对消息进行加密，并通过 .toString() 方法将结果转换为字符串表示。 最后，我们调用 md5Encrypt 函数并将明文消息传递给它：
微信小程序快递鸟查物流
夜空下的猫
07-12 5949
//查物流 //快递公司和，快递单号 var logistics = ["YD","1111111111"] //数据内容 var RequestData = "{'OrderCode':'','ShipperCode':'" + logistics[0] + "','LogisticCode':'" + logistics[1] +
HMAC-SHA1 BASE64编码 java源代码实现
hlglinglong的专栏
04-11 4463
HMAC的定义。           定义HMAC需要一个加密用散列函数（表示为H）和一个密钥K。我们假设H是  一个将数据块用一个基本的迭代压缩函数来加密的散列函数。我们用B来表示数据块  的字长。（以上说提到的散列函数的分割数据块字长B=64），用L来表示散列函数的  输出数据字长（MD5中L=16,SHA—1中L=20）。鉴别密钥的长度可以是小于等于数  据块字长的任何正整数值。应
H5练手项目-写一个菜鸟裹裹小程序
weixin_34062329的博客
12-18 2426
新手写小程序并不简单，菜鸟裹裹查看快递是很方便的，平常自己查看快递的时候都是在用。当我在微信端搜索菜鸟裹裹小程序时，却没有发现，于是便想自己动手仿app版写一个菜鸟裹裹的小程序，对其中的快递查询物流跟踪很有兴趣。 项目目录结构 使用的开发工具 VScode和微信开发者工具 平台提供：微信公众品台|小程序，在该品台注册账号获取AppId...
md5加密的javascript
12-03
md5.js加密，支持中文，小程序开发也可使用，哈哈哈哈
微信小程序base64加密，AES加密
07-24
微信小程序base64加密，AES加密,亲测过是可以使用的，推荐下载，正常项目完美运行，完美运行，完美运行，重要事情说三遍
[JavaScript] JS中对Base64的解析
weixin_30896825的博客
05-30 191
JS中对Base64的解析 <script type="text/javascript"> /** * UTF16和UTF8转换对照表 * U+00000000 – U+0000007F 0xxxxxxx * U+00000080 – U+000007FF 110xxxxx 10xxxxxx * U+00000800 – U+0000FFFF ...
微信H5支付的MD5Util加密工具类
weixin_43687353的博客
05-11 317
开发微信H5支付的工具类 public class MD5Utils { public static String getMessageDigest(byte[] buffer) { char hexDigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' }; try { MessageDigest mdTe
JavaScript 实现MD5加密
热门推荐
梁先森的博客
06-07 1万+
1.首先要到http://pajhome.org.uk/crypt/md5/下载js文件。 2.在页面文件中添加： <script type="text/javascript" src="md5.js"></script> 3.使用函数hex_md5()进行加密<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>md5加密</
使用base64加密解密的多种方法：包含pc端和微信小程序
06-07 1万+
众所周知，微信小程序的js中不能使用window对象以及document对象。 难道他们真的不存在吗？事实并非如此。
前端base64加密
Lei_zhen96的博客
11-22 1292
1. 导入jquery.base64.js文件，可自行搜索 2. 在vue项目的main.js中引入这个文件 加密： var basepsw=$.base64.btoa(this.phonepass); btoa是jquery.base64.js的方法，在此js文件中 Plugin.btoa = Plugin.encode = function(plain, utf8encode) ...
HTML5三种对密码加密的方法
u010035154的专栏
01-10 1万+
1、base64加密：在页面中引入base64.js文件，调用方法为： base64加密 var b = new Base64(); var str = b.encode("admin:admin"); alert("base64 encode:" + str); 　　　　　//解密 str = b.d
uni-app新特性：小程序组件运行H5，实现代码复用
随着微信小程序用户基数的急剧增长，其作为第四大流量平台的地位日益稳固，前端开发者面临着如何在H5和小程序之间共享代码的挑战。 一种常见的解决方案是采用跨端框架，如uni-app和taro，它们允许开发者编写一次...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值