Uni-app 实现md5加密

原创 已于 2022-12-12 21:55:25 修改 · 8.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #vue.js #前端

于 2022-12-12 21:52:47 首次发布
本文记录了在uni-app中实现md5加密所遇到的问题及解决过程，包括首次尝试导入md5.js失败，第二次尝试解决npm权限问题，以及最后成功配置并使用md5加密的方法。

写下这篇文章，记录自己走过的坑

第一次尝试：参照博客uniapp使用md5_清雨小竹的博客-优快云博客_uniapp md5

        引入md5.js后，在main.js中import后，无法使用md5.hex_md5("需要加密的字符串")，vue页面无法打开，F12报错如下

md5 is not defined

        尝试多次，浪费时间，遂放弃

第二次尝试：参照博客uniapp 使用md5加密

在Hbilderx中直接按alt+c，发现没有安装终端，先按照Hbilderx的提示进行安装

安装完成后，在终端执行

npm install js​​​​​​​-md5 -D

发现

最低0.47元/天 解锁文章
uni-app - 引入使用 MD5 加密
🏆 前端领域优质创作者
05-12 9764
前言 在uni-app中，有时后端接口可能需要咱们前端加密一些字段，比如密码等敏感数据。 如果您有这个需求，可参考本文完成引入及使用md5， 例如以下示例，调用一个函数即可完成转换。 666666=>d41d8cd98f00b204e9800998ecf8427e 核心代码 您可以放置在任何位置，注意后续引入时确保路径正确即可。 首先，打开项目根目录，建立一个lib文件夹， 紧接着在该文件夹下，再新建md5.js，然后一键复制以下代码。 functionsafe_add(x
uniapp如何引入md5
weixin_41463944的博客
04-10 931
uniapp如何引入md5
微信小程序 MD5 方法js
热门推荐
woshihaiyong168的博客
01-12 1万+
生成的文件可以放在  utils文件中哦！！！ /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 1.1 Copyright (C) Pau
前后端项目怎么进行MD5加密？
weixin_44062380的博客
04-08 3761
MD5加密 在前后端分离项目中 如果后端数据不进行Md5加密，那数据库中存放非密码就是明文，如果攻击者去攻击数据库，就会获得用户密码 如果前端不进行Md5加密，那在异步传输的过程中，攻击者就有可能获取传输的明文密码，也会导致密码泄露。 所以，我们要对前后端都进行md5加密 后端 spring 自带 md5 加密 req.setPassword(DigestUtils.md5DigestAsHex(req.getPassword().getBytes())); 前端 在 public 中，新建一
uin-app md5加密（超简单）
qq_41578884的博客
08-26 1258
1.创建md5.js并将复制下列代码到里面 /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright (C) Paul Johnston 1999 - 2002. * Other contributors: Greg Holt, Andrew Kepert, Ydnar,
uniapp获取证书秘钥、Android App备案获取公钥、签名MD5值
骨子里的偏爱
06-25 4477
uniapp获取证书秘钥、Android App备案获取公钥、签名MD5值
uniapp使用md5加密
逆水行舟 不进则退
06-18 3727
uniapp开发手机端登录页密码使用md5加密
sx：快速强大易于使用的现代化网络扫描器
m0_59598029的博客
08-02 993
运行速度比Nmap要快30倍；ARP扫描：支持扫描本地网络以检测活动设备；ICMP扫描：使用高级ICMP扫描技术来检测活动主机和防火墙规则；TCP SYN扫描：传统半开放扫描以查找开放TCP端口；TCP FIN/NULL/XMAS扫描：扫描某些防火墙绕过技术；自定义TCP扫描：发送任意形式数据包，并获得回复数据包中设置的所有TCP标志的结果；UDP扫描：扫描UDP端口并获取全部ICMP响应，以检测开放端口和防火墙规则；
uni-app登录实例的实现
10-29
【uni-app登录实例的实现】 在移动应用开发领域，uni-app是一个备受青睐的跨平台框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、Web等。本实例将详细讲解如何使用HBuilderX工具来开发一个uni-app...
短视频uni-app案例
08-18
5. `pages.json`：定义了应用的页面结构和导航路由，是uni-app的页面配置文件。 6. `package-lock.json`：记录项目的精确依赖版本，确保不同环境下安装的依赖一致。 7. `README.md`和`README.en.md`：项目说明文档...
uni-app一些工具类
06-16
4. **字符串处理**：包括字符串格式化、截取、加密解密等功能，如`formatStr(str, len)`用于限制字符串长度，`md5(str)`用于进行MD5加密。 5. **数组操作**：数组排序、查找、去重等方法，如`arrayUnique(arr)`用于...
uniapp MD5加密
最新发布
weixin_58431406的博客
11-01 1337
uniapp MD5加密
uniapp使用md5加密 js使用md5加密
加班可以,无偿加班不行
03-29 6866
uniapp使用md5加密 项目中使用md5加密 md5加密的使用方法
uniapp中使用js-md5库进行字符串MD5加密
qq_45915072的博客
05-19 4093
MD5是一种用于加密或摘要数据的算法，它可以将任意长度的数据转换成一个128位（16字节）的哈希值。，以确保接收方收到的文件与发送方发送的文件内容一致。时，为了保护用户的隐私和安全，通常会。使用MD5或其他哈希算法来对密码。用于文件传输过程中数据完整性校验。
md4 java_javascript 版的 MD4
weixin_35615495的博客
02-26 268
/** A JavaScript implementation of the RSA Data Security, Inc. MD4 Message* Digest Algorithm, as defined in RFC 1320.* Version 2.1 Copyright (C) Jerrad Pierce, Paul Johnston 1999 - 2002.* Other contri...
前端支持中文的md5库
刘永年
12-02 586
前端支持中文的md5库 使用方法 var str = "你好世界"; var md5String = hex_md5(str); /** * Namespace for hashing and other cryptographic functions * Copyright (c) Andrew Valums * Licensed under the MIT license, http:...
uniapp h5 MD5加密
王二的博客
10-13 1669
2.然后，在需要使用 MD5 加密的地方，引入 CryptoJS 代码库： 3.接下来，我们定义一个要加密的明文消息： 4.然后，我们定义一个函数 md5Encrypt 来进行 MD5 加密： 5.在这个函数中，我们使用 CryptoJS.MD5() 方法对消息进行加密，并通过 .toString() 方法将结果转换为字符串表示。 最后，我们调用 md5Encrypt 函数并将明文消息传递给它：
js md5 中文加密和后端 java md5加密不一致
足迹人生的博客
01-02 967
js md5 中文加密和后端 java md5加密不一致
uni-app中实现MD5与AES加密解密的完整方案
app加密方法[可运行源码]》所提及的内容，深入剖析其中涉及的核心知识点——MD5哈希加密与AES对称加密技术，并结合描述中提到的具体实现步骤、工具封装方式以及实际调用流程，系统性地阐述其在uni-app环境下的完整...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值