记密码——密码加密器

技术 no tag January 26, 2021

简介

网页链接：记密码（此域名有SSL，可使用https访问）

这是一个账号密码加密器，在右边（下面）录入你要记的账号密码，通过主密匙对这些信息加密得到密文，把密文保存在本地。下次忘记密码的时候，只需要把密文粘贴到左边（上面）并输入主密匙，就可以解出原来记录下的账号密码信息。

密文相当于一个装着密码的保险柜，主密匙就是这个保险柜的钥匙，只要不忘记主密匙和不弄丢保险柜，就能打开得到里面的密码。

本网页完全前端运行，目前与后端没有联系，计划可能会加入统计访问的接口，所有与后端的接口，一定与密码、加解密无关。

我自己的各种账号越来越多，老式记不住账户名和密码，市面上的密码管理应用又比较贵，没有钱，所以自己弄个。相比于直接明文储存账户信息，即使被别人拿到，也很难对此解密。

加密方法：AES

例如记录一个知乎账号，账号信息为：

邮箱:test@163.com
密码:abcdefg
绑定手机号:12345678901

点击“添加密码”，输入信息：

QQ截图20210126213010.png

同时，我还绑定了通过我的微信直接登录该账号，因此我选择关联登录中的微信，意思是可以通过微信登录这个账号。
点击“添加”即可录入此账号信息，并出现在右方，点击“知乎”，展开此账号信息，如图。

QQ截图20210126213139.png

点击右方垃圾桶按钮可删除此条信息。若需添加更多账户信息，重复以上步骤即可。

QQ截图20210126213602.png

添加完账户后，在“主密匙”处输入加密的密码，此密码是用来加密账户信息的，一定要记得住(点击旁边的眼睛符号可查看主密匙输入是否正确)。点击“转成密文”，即可在左边的文本框中得到加密后的密文。

QQ截图20210126215122.png

点击“复制密文”将密文复制到粘贴板中，粘贴到你想要保存的地方。例如用记事本保存到本地电脑上：

QQ截图20210126214056.png

以上就是加密保存密码的过程，接下来是解密的过程：

首先把已经存好的密文复制到左边的密文文本框中，并输入主密匙，点击“还原密文”，即可在右边看到存好的账户信息。

QQ截图20210126214442.png

点击“查看解密后文本”，可查看解密后的JSON文本：

QQ截图20210126215032.png

本质上是AES加解密器+JSON解析器。首先输入账户信息添加到JavaScript对象，并以网页元素列出。加密时JavaScript对象转为JSON字符串，对此字符串加密；解密同理，JSON字符串->JavaScript对象->网页元素。