已选入官方示例仓库awesom-taro
-
功能
彗星密码本是一个的密码存储工具,核心在于密码存取过程中都会根据独特的密钥进行加密,该密钥由使用者设定,并且只存在客户端本地。
-
技术栈
采用Taro和微信云开发结合的方式,前者是因为本人技术栈是React,并且想在此基础上进一步探索,而Taro提供了使用React等框架开发小程序的解决方案;后者是因为云开发是一种简单、低成本的数据交互选择。
- Taro3
- Taro-ui@next
- 微信云开发2.10.4
- clone
git clone https://github.com/MuxinFeng/taro-savePassword.git
- 安装依赖
cd .\client\
yarn
- 运行
cd .\client\
npm run dev:weapp
#业务代码
client
├──config #taro框架的配置信息,如果仅在微信平台运行,可无视此部分
└──src
| ├── app.config.js #小程序配置文件,配置页面、导航栏等信息
| ├── app.js
| ├── app.less
| ├── app.scss #项目中用到了特殊的icon,在该文件做引入处理
| ├── index.html
| ├── assets #资源文件
| | ├── fonts #字体文件
| | ├── kindIcon #分类图标
| | ├── logoIcon
| | ├── settingsIcon #设置页图标
| | └── toBarIcon
| ├── components #通用组件
| | ├── PasswordCaed #密码卡片
| | └── Spin #加载状态
| ├── model
| | └── api.js #数据交互方法封装
| ├── pages
| | ├── about #关于页面
| | ├── home #主页(toBar)
| | ├── index #初始页
| | ├── passwordList #纯展示密码页
| | ├── safeSettings #安全设置页
| | ├── settings #设置页(toBar)
| | └── writeKey #设置密钥页
| └── utils
| ├── aes.js #加解密类库,用到了AES
| └── util.js #通用函数封装
- 密码的添加、修改、删除
- 密码的关键字搜索、分类查找
- 用户密码数据加密、解密
- 导出密码文件
- 清空个人数据
- 用户管理
- 自定义密钥有效期
- 程序内禁止截图
- 自定义密码卡片的avatar