想要在不依赖后端服务器的情况下,为你的静态HTML页面添加密码保护吗?StatiCrypt就是你的完美解决方案!这个开源工具使用AES-256加密算法和WebCrypto API,让你能够在浏览器端完成所有加密和解密操作,真正实现零后端依赖的静态页面保护。
🚀 StatiCrypt的核心优势
StatiCrypt采用WebCrypto这一现代浏览器标准,通过cryptoEngine.js实现强大的AES-256-CBC加密模式。这意味着:
- 完全客户端加密:所有加密解密操作都在用户浏览器中完成
- 无服务器依赖:可以部署在任何静态托管平台(Netlify、GitHub Pages等)
- 企业级安全:使用600k PBKDF2-SHA256迭代来增强密码安全性
- 灵活定制:支持自定义密码提示界面和多种配置选项
💡 快速开始:一键加密你的HTML文件
安装StatiCrypt非常简单,只需运行:
npm install staticrypt
然后就可以使用CLI命令来加密你的HTML文件:
npx staticrypt example.html
系统会提示你输入密码,加密后的文件将保存在encrypted目录中。就是这么简单!
🔧 高级功能:自定义加密体验
多文件批量加密
StatiCrypt支持同时加密多个HTML文件,甚至可以递归加密整个目录:
staticrypt test_A.html test_B.html
staticrypt dir_to_encrypt -r
记住密码功能
通过--remember参数,你可以启用"记住我"复选框:
staticrypt example.html --remember 30
这将在用户浏览器中存储30天的密码哈希值,期间访问受保护页面时无需重复输入密码。
自定义密码提示界面
想要让加密页面与你的网站风格保持一致?只需使用自定义模板:
staticrypt example.html -t my_custom_template.html
🛡️ 安全特性深度解析
StatiCrypt的安全模型建立在多个层次上:
- AES-256-CBC加密:业界标准的强加密算法
- 密钥拉伸:600k PBKDF2迭代有效提升密码安全性
- 盐值保护:每个加密会话都有唯一的盐值
核心加密逻辑位于lib/cryptoEngine.js,该模块负责处理密码哈希、加密和解密的所有核心操作。
📁 项目结构概览
cli/- 命令行接口,提供丰富的加密选项lib/- 共享的核心加密和模板文件example/- 示例文件和加密演示
🎯 实际应用场景
StatiCrypt特别适合以下场景:
- 个人作品集:保护你的设计作品或代码示例
- 内部文档:在公司内部网络上分享敏感信息
- 付费内容:为订阅用户提供专属内容访问
- 临时分享:通过带密码的链接安全分享文件
⚠️ 使用注意事项
- 密码强度:建议使用16+字符的强密码
- HTTPS要求:v3.x版本需要HTTPS环境
- 配置管理:
.staticrypt.json文件用于保持盐值一致性
🔄 持续集成支持
StatiCrypt完美支持CI/CD流程,你可以在构建脚本中集成加密步骤:
staticrypt dist/*.html -r -d dist --salt YOUR_FIXED_SALT
通过StatiCrypt,你现在可以为任何静态HTML页面添加企业级的安全保护,而无需任何后端基础设施。无论是个人项目还是企业应用,都能轻松实现密码保护功能!🎉
记住:安全始于细节,StatiCrypt为你提供了简单而强大的工具,让静态内容保护变得前所未有的容易。
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考




