uni-app怎么安全存储用户密码凭证

风雪小哥_9339

风雪小哥_9339

2026-11-14

343人浏览

原创

不能安全存储用户密码凭证,应避免使用uni.setStorageSync明文存密码;必须存时须用AES加密+设备绑定密钥,并配合服务端风控与token鉴权机制。

uni-app怎么安全存储用户密码凭证

不能安全存储用户密码凭证——这是前提。任何客户端本地存储的密码(包括加密后)都存在被逆向、调试、内存 dump 或物理访问提取的风险。真正该做的是:不存密码,只存 token;必须存凭证时,只存经过强加密处理的最小必要信息,并配合服务端风控。

uni.setStorageSync 存密码明文就是高危操作

直接用 uni.setStorageSync('password', this.password) 是最常见也最危险的做法。Android 10+ 分区存储虽限制了外部路径访问,但 uni.setStorageSync 写入的是应用私有 SQLite 数据库(uniapp_storage),只要设备已 root 或被安装恶意调试工具,就能直接导出并读取全部键值对。微信小程序虽有 sandbox 隔离,但开发者工具、抓包插件、甚至部分越狱 iOS 设备仍可绕过。

  • 明文密码一旦泄露,等于账号完全失守,且用户大概率在多个平台复用同一密码
  • uni.getStorageSync 返回的是字符串,没有任何访问权限控制或生命周期管理
  • 该 API 不提供加密能力,也不校验调用上下文(比如是否在生物识别通过后才允许读取)

token 替代密码 + httpOnly cookie 是更合理的方案

登录成功后,后端应返回短期有效的 access_token(JWT 或 opaque token),前端只存储这个 token,并用它后续所有请求鉴权。这才是现代认证的标准实践。

  • token 应设为短期有效(如 2 小时),配合 refresh_token 实现静默续期
  • 若后端支持,优先使用 httpOnly + Secure cookie(H5 环境下),前端 JS 无法读取,天然防 XSS 泄露
  • 小程序和 App 端无法使用 httpOnly cookie,此时 token 必须配合设备绑定、IP 限流、异常登录告警等服务端策略
  • 不要把 token 存进 uni.setStorageSync 后再手动拼进 header,应封装统一 request 拦截器自动注入

真要存密码凭证?必须用 AES + 设备绑定密钥

仅当业务强要求“记住密码”(如内网系统无互联网访问、无后端改接口权限),才考虑客户端加密存储。但绝不能用 Base64、md5、sha256 等可逆或单向哈希——它们不是加密,只是编码或摘要。

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载
  • 必须用 AES-CBC 或 AES-GCM,且 key 不能硬编码,需结合设备指纹动态生成(如 uni.getSystemInfoSync().model + appid)
  • IV 必须每次随机,不能固定;加密后结果用 Base64 编码再存入 uni.setStorageSync
  • 解密时需校验设备一致性(例如比对当前 model 是否与加密时一致),不一致则拒绝解密
  • 示例关键逻辑:AES.encrypt(this.password, this.deriveKey(), { iv: this.randomIV() })

别忽略多端差异带来的安全盲区

同一个加密逻辑,在 H5、微信小程序、App 三端表现可能完全不同。比如:

  • H5 环境可用 Web Crypto API,但微信小程序不支持;App 端若用原生模块加密,JS 层无法验证密钥是否真的安全生成
  • 小程序的 uni.getStorageInfoSync() 可列出所有 key,攻击者能轻易发现 encrypted_psw 这类命名
  • Android 10+ 上,即使你用了 AES,如果密钥派生依赖了 getBatteryLevel 这类不稳定字段,换手机或重装 App 后就再也解不开

最易被忽略的一点:加密本身不解决“谁在调用解密函数”的问题。没有生物识别或系统级密码确认环节,任何 JS 代码都能触发解密——包括被注入的恶意脚本。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

3003

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

6563

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

7430

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

7318

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

1043

5

cookie
cookie

Cookie 是一种在用户计算机上存储小型文本文件的技术,用于在用户与网站进行交互时收集和存储有关用户的信息。当用户访问一个网站时,网站会将一个包含特定信息的 Cookie 文件发送到用户的浏览器,浏览器会将该 Cookie 存储在用户的计算机上。之后,当用户再次访问该网站时,浏览器会向服务器发送 Cookie,服务器可以根据 Cookie 中的信息来识别用户、跟踪用户行为等。

2023.06.30

12919

10

document.cookie获取不到怎么解决
document.cookie获取不到怎么解决

document.cookie获取不到的解决办法:1、浏览器的隐私设置;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代码错误;5、Cookie不存在或过期等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.23

1346

5

阻止所有cookie什么意思
阻止所有cookie什么意思

阻止所有cookie意味着在浏览器中禁止接受和存储网站发送的cookie。阻止所有cookie可能会影响许多网站的使用体验,因为许多网站使用cookie来提供个性化服务、存储用户信息或跟踪用户行为。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

884

5

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

2025.08.19

1986

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习