前端页面内容加密总结
目录
警告
本文最后更新于 2023-07-07,文中内容可能已过时。
记录一下前端实现页面加密的思路。
加密基础知识
双向加密
可还原的加密算法,可以逆向解密。
对称加密(单密钥加密)
采用单钥密码系统的加密方法,同一个密钥同时用作信息的加密和解密。
密钥生成算法有 DES、3DES、AES。
非对称加密(公开密钥系统)
两个密钥:公开密钥(publickey)和私有密钥(privatekey)。
公钥/私钥加密/签名,用私钥/公钥解密/验证签名。
密钥生成算法有 RSA(公钥、私钥)、DSA(公钥、私钥、数字签名)。
单向加密
不可还原的加密算法(暴力撞库除外),常见的算法有:MD5、SHA1、SHA256、SHA512。
页面内容加密
- 通过比对密码和输入的 md5 值来判断密码是否输入正确
- 密码验证通过后,开始解密内容
- 拿到正确的输入值的 sha256 值的部分内容
- 然后按照加密规则解秘内容
这里利用 Set
进行事件管理,简单模拟了 addEventListener
和 removeEventListener
的操作。并提供了两个事件:decrypted
和 reset
,详见 fixit-decryptor.js。
Buy me a coffee~
支付宝
微信