一、操作步骤
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 加密正确。
注意:说明: