腾讯云微搭低代码实现输入数据的 MD5 加密

背景
由于微搭并没有提供内置的数据加密方法，因此想要实现前端数据加密，例如 md5 加密，需要引入第三方加密库。
操作步骤
1. 在编辑器中使用单行输入框和按钮组件搭建实践场景，其中“明文”输入框用来输入需要加密的字符，“md5”输入框用来展示加密后的字符。
﻿
﻿
﻿
2. 引入第三方资源库 crypto-js.js，用来处理数据的加密。
﻿
﻿
﻿
3. 新建 javascript 方法 cryptoMd5 用来实现md5加密，变量 str_md5 存储经过 cryptoMd5 处理后的加密值。
3.1 cryptoMd5 方法中需要使用 CryptoJS.MD5 来使用第三方资源库 crypto-js.js 的方法。
﻿
﻿
﻿
  export default function ({ event, data }) {
  // 使用CryptoJS的MD5方法
  var message = $w.input1.value;
  var md5Hash = CryptoJS.MD5(message);
  $w.page.dataset.state.str_md5=md5Hash
  }
3.2 将 $w.input1.value 对应的输入值进行加密处理，str_md5 变量用来存储 $w.input1.value 加密后的值。
4. 将“md5”对应的输入框输入值绑定 str_md5 变量。
﻿
﻿
﻿
5. 按钮组件点击事件绑定 cryptoMd5 方法。
﻿
﻿
﻿
6. 触发 md5 加密方法进行数据加密，预览结果。
﻿
﻿
﻿
7. 将上述 md5 加密结果与第三方 md5 在线加密工具进行比对，可以发现 md5 加密正确。
﻿
﻿
﻿
说明：
引用第三方库，需要提前了解对象的实例方法。
第三方库的资源，微搭不作提供，需要自行获取。
实现输入数据的 MD5 加密

本页目录：

背景

操作步骤
