关于 HSM Kit
HSM Kit 是面向开发者、测试人员及安全工程师的浏览器工具集,涵盖加密、HSM 密钥、PKI 和支付安全。所有工具均在本地运行,密钥和敏感数据不会离开设备。
主要功能
- 0144 多种加密与支付工具
- 02浏览器本地处理
- 03支持 PWA 安装和离线使用
- 04支持六种语言
- 05技术指南关联对应工具
适用场景
- 01进行 Base64 编解码或 Luhn 校验
- 02生成密钥分量并计算 KCV
- 03解析 ISO 8583 消息和支付数据
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
6收录的工具列表 · 更新于 2 周前
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| payload | string | 是 | 不含末尾校验位的数字 |
详细介绍
HSM Kit - 专业在线加密工具包
📖 简介
HSM Kit 是一款专业的在线加密工具包,面向金融、支付和安全领域的开发者、测试人员及安全工程师。它提供 44 多种工具,涵盖 HSM 密钥管理、支付安全、PKI 证书和加密算法,所有工具均完全在浏览器中运行。
核心价值
- 安全至上 - 100% 在客户端计算,密钥和敏感数据绝不会离开你的设备
- 专业且全面 - 提供 44 多种工具,涵盖 HSM 密钥管理、支付安全、PKI 证书和加密算法
- 即开即用 - 打开浏览器即可开始使用,支持安装为 PWA,可在 Mac/Windows/Linux/移动设备上运行
- 开源 - 代码公开可审计,符合金融行业合规要求
✨ 功能特性
| 功能 | 说明 |
|---|---|
| 🔒 本地计算 | 所有加密操作均在浏览器中运行,数据绝不会上传 |
| 📱 支持 PWA | 可安装到桌面,使用体验如同原生应用,并支持离线使用 |
| 🌐 跨平台 | 支持 Mac/Windows/Linux/iOS/Android |
| 🌍 多语言 | 英语、中文、日语、韩语、德语、法语——覆盖率达 100% |
| 🌙 深色模式 | 日间/夜间主题切换,保护双眼 |
| ♿ 无障碍访问 | ARIA 标签、键盘导航、跳转到内容区域、aria-live 区域,符合 WCAG 2.1 AA 标准 |
| ⚡ 延迟加载 | 按路由拆分代码,仅加载当前页面 |
| 🔍 SEO 优化 | 预渲染静态 HTML、Schema 标记、多语言 hreflang |
| 📚 知识库 | 提供 43 篇英文和 43 篇中文技术文章,采用静态且可索引的方式交付 |
| 🇨🇳 本地化工具 URL | 8 种高需求工具提供规范的中文 URL,并配置双向 hreflang |
| 🧪 已发布的测试向量 | 可下载的 AES JSON 向量,已通过 CryptoJS 和 Web Crypto 回归测试验证 |
| 📝 上下文安全的示例 | 一键示例会保留所选模式、格式、标签页和启用的开关 |
| ✅ 一致的输入验证 | 所有工具输入均采用共享的灰色/绿色/红色长度和格式状态 |
| ⭐ 收藏与最近使用的工具 | 本地收藏和 90 天最近使用工具记录,无需账户 |
| 🔗 工作流发现 | 每种工具都链接到下一个相关工具及其配套指南 |
| 📊 保护隐私的事件 | 可选的 GA/Zaraz 事件仅包含操作/工具 ID,绝不包含表单值或结果 |
| 🧪 测试覆盖 | 100 多项 Vitest 测试,并对全部 44 种工具进行生产页面冒烟检查 |
🛠️ 工具模块
🔐 加密/解密工具(5)
| 工具 | 描述 | 路由 |
|---|---|---|
| AES 加密 | AES-128/192/256、ECB/CBC/CFB/OFB/CTR 模式 | /aes-encryption |
| DES/3DES 加密 | DES/Triple DES,多种填充选项 | /des-encryption |
| RSA 加密 | RSA 加密/解密/签名/验证、PKCS#1/OAEP | /rsa-encryption |
| ECC/ECDSA | 椭圆曲线、secp256k1/P-256/P-384 | /ecc-encryption |
| FPE 格式保留 | FF1/FF3-1 算法、NIST SP 800-38G | /fpe-encryption |
🔑 密钥管理工具(8)
| 工具 | 描述 | 路由 |
|---|---|---|
| 密钥生成器 | AES/DES/3DES 安全随机密钥、密钥组合、奇偶校验 | /keys-dea |
| 密钥份额生成器 | 用于安全托管的密钥拆分、KCV 计算 | /keyshare-generator |
| Futurex 密钥 | Futurex HSM 密钥加密/解密/查询 | /futurex-keys |
| Atalla 密钥(AKB) | Atalla AKB 格式密钥加密/解密 | /atalla-keys |
| SafeNet 密钥 | SafeNet HSM 密钥加密/解密/查询 | /safenet-keys |
| Thales 密钥 | Thales HSM LMK 密钥加密/解密/查询 | /thales-keys |
| Thales 密钥块 | Thales 专有密钥块编码/解码 | /thales-key-block |
| TR-31 密钥块 | ANSI X9.143 密钥块编码/解码 | /tr31-key-block |
🔐 PKI 工具(2)
| 工具 | 描述 | 路由 |
|---|---|---|
| ASN.1 解码器 | DER/BER 结构解码、X.509 证书解析 | /asn1-parser |
| SSL 证书(X509) | SSL/TLS 证书解析与验证 | /ssl-certificates |
💳 支付安全工具(21)
| 类别 | 工具 | 路由 |
|---|---|---|
| AS2805 | AS2805 消息工具 | /payments-as2805 |
| 位图 | ISO 8583 位图 | /payments-bitmap |
| 卡片验证 | CVV/CVC | /payments-card-validation-cvvs |
| 卡片验证 | AMEX CSC | /payments-card-validation-amex-cscs |
| 卡片验证 | MasterCard CVC3 | /payments-card-validation-mastercard-cvc3 |
| DUKPT | DUKPT TDES(ISO 9797) | /payments-dukpt-iso9797 |
| DUKPT | DUKPT AES | /payments-dukpt-aes |
| MAC | ISO 9797-1 MAC | /payments-mac-iso9797-1 |
| MAC | ANSI X9.9/X9.19 | /payments-mac-ansix9 |
| MAC | AS2805 MAC | /payments-mac-as2805 |
| MAC | TDES CBC-MAC | /payments-mac-tdes-cbc-mac |
| MAC | HMAC | /payments-mac-hmac |
| MAC | CMAC | /payments-mac-cmac |
| MAC | Retail MAC | /payments-mac-retail |
| PIN | 通用 PIN 块 | /payments-pin-blocks-general |
| PIN | PIN 块 AES | /payments-pin-blocks-aes |
| PIN | PIN 偏移量 | /payments-pin-offset |
| PIN | PIN PVV | /payments-pin-pvv |
| 其他 | VISA 证书 | /payments-visa-certificates |
| 其他 | ZKA(德国银行业) | /payments-zka |
🧰 通用工具(9)
| 工具 | 描述 | 路由 |
|---|---|---|
| 哈希计算器 | MD5/SHA/SHA-3/BLAKE2/SM3,支持 20 多种算法 | /hashes |
| 字符编码 | ASCII/Hex/Binary/EBCDIC/ATM 转换 | /character-encoding |
| BCD 编码 | 十进制到 BCD 编码转换 | /bcd |
| 校验位 | Luhn(MOD 10)/Amex SE(MOD 9) | /check-digits |
| Base64 编码/解码 | 标准 Base64 编码/解码 | /base64 |
| Base94 编码/解码 | Base94 编码/解码 | /base94 |
| 消息解析器 | ISO 8583、ATM NDC/Wincor 解析 | /message-parser |
| RSA DER 公钥 | RSA 公钥 DER/PEM 编码/解码 | /rsa-der-public-key |
| UUID 生成器 | UUID v1/v3/v4/v5 生成 | /uuid |
📚 知识库
HSM Kit 内置知识库(/guides/),包含 42 篇深入的技术文章,英文和中文各一套,涵盖加密算法、支付安全、HSM 密钥管理等内容。文章相互交叉链接,并直接关联到相应工具。
知识库功能
- 📝 Markdown 渲染 - 支持代码块、表格和内部链接
- 🔗 工具集成 - 可直接链接到相关工具和文章
- 🌍 双语支持 - 提供英语和中文,每种语言各有 43 篇文章,均已完整翻译
- 📖 目录 - 右侧目录导航,滚动时高亮当前位置
- 🔍 搜索 - 搜索文章全文
📁 项目结构
hsmkit/
├── public/ # Static assets
│ ├── favicon.svg # Website logo
│ ├── favicon-*.png # PWA icons (48/192/512)
│ ├── apple-touch-icon.png # iOS icon
│ ├── sitemap.xml # Sitemap (144 URLs with hreflang)
│ ├── robots.txt # Crawler instructions
│ ├── _headers # HTTP headers (Cloudflare)
│ └── _redirects # SPA route redirects
│
├── scripts/ # Build scripts
│ ├── generate-favicon-png.js # Favicon generation
│ ├── generate-guide-og.js # Per-guide social image generation
│ ├── prerender-guides.js # Static guide-page generation
│ ├── check-tool-pages.js # Production page smoke checks
│ └── update-sitemap-lastmod.js # Guide/tool sitemap maintenance
│
├── src/
│ ├── components/ # Reusable components
│ │ ├── cipher/ # Encryption tool components
│ │ ├── common/ # Common components
│ │ │ ├── PageLayout.tsx # Page layout + Schema.org
│ │ │ ├── ToolPage.tsx # Tool page factory
│ │ │ ├── SEO.tsx # SEO meta tags + prerender
│ │ │ ├── ResultCard.tsx # Result display (aria-live)
│ │ │ ├── ErrorCard.tsx # Error display (role="alert")
│ │ │ ├── LengthIndicator.tsx # Shared input length/format states
│ │ │ ├── ExampleButton.tsx # Context-preserving example loading
│ │ │ ├── ErrorBoundary.tsx # Error boundary
│ │ │ ├── ReloadPrompt.tsx # PWA update prompt (dark mode)
│ │ │ └── ...
│ │ ├── generic/ # General tool components
│ │ ├── keys/ # Key management components
│ │ ├── payment/ # Payment tool components
│ │ └── pki/ # PKI tool components
│ │
│ ├── hooks/ # Custom hooks
│ │ ├── useLanguage.tsx # Multi-language switching
│ │ ├── useTheme.tsx # Theme switching
│ │ ├── useToolForm.ts # Tool form hook
│ │ ├── useRecentTools.ts # Recent tools and local favorites
│ │ └── ...
│ │
│ ├── data/ # Tool metadata and examples
│ │ ├── examples.ts # Non-production example values
│ │ ├── toolRelations.ts # Related-tool workflow graph
│ │ └── toolGuidesMap.ts # Tool-to-guide links
│ │
│ ├── locales/ # Translations (6 languages)
│ │ ├── en/ # English
│ │ ├── zh/ # Chinese
│ │ ├── ja/ # Japanese
│ │ ├── ko/ # Korean
│ │ ├── de/ # German
│ │ └── fr/ # French
│ │
│ ├── utils/ # Utility functions
│ │ ├── analytics.ts # Privacy-safe tool action events
│ │ ├── crypto.ts # Core crypto utilities
│ │ ├── crypto.test.ts # Crypto unit tests
│ │ ├── hex.ts # Hex utilities
│ │ ├── hex.test.ts # Hex unit tests
│ │ ├── logger.ts # Production-safe logger
│ │ └── ...
│ │
│ ├── App.tsx # Root component + routes
│ ├── routeConfig.ts # Route configuration
│ ├── routes.tsx # Lazy-loaded page components
│ └── main.tsx # Entry point
│
├── vitest.config.ts # Test configuration
├── vite.config.ts # Build configuration
├── tsconfig.json # TypeScript config (strict mode)
└── package.json # Dependencies
🚀 快速开始
在线使用
访问 https://hsmkit.com,即可直接使用所有工具。
安装 PWA
访问网站后,浏览器会提示“安装 HSM Kit”。点击即可安装到桌面。
本地开发
# Clone repository
git clone https://github.com/hsm-kit/hsmkit.git
cd hsmkit
# Install dependencies
npm install
# Start development server
npm run dev
# Visit http://localhost:5173
构建生产版本
# Build (includes sitemap update + Puppeteer prerender + PWA Service Worker)
npm run build
# Preview production build
npm run preview
如果某个版本变更了工具页面的功能,只需更新 44 个工具页面的日期,无需改写主页、法律声明或指南的日期:
node scripts/update-sitemap-lastmod.js --tools-date YYYY-MM-DD
注意:构建需要 Chrome。
prebuild脚本会通过npx puppeteer browsers install chrome自动安装。
类型检查
# TypeScript type checking (strict mode)
npm run typecheck
# ESLint code checking
npm run lint
# ESLint auto-fix
npm run lint:fix
测试
# Run all tests
npm test
# Smoke-test every generated tool and guide page
npm run test:pages
# Watch mode
npm run test:watch
# Test coverage
npm run test:coverage
🏗️ 技术栈
| 技术 | 版本 | 用途 |
|---|---|---|
| React | 19 | 前端框架 |
| TypeScript | 5.9 | 类型安全(严格模式) |
| Vite (Rolldown) | 7.2 | 构建工具 |
| Ant Design | 6 | UI 组件库 |
| React Router | 7 | 路由 |
| CryptoJS | 4.2 | 对称加密(AES/DES/3DES) |
| node-forge | 1.3 | RSA/ASN.1/X.509 |
| elliptic | 6.6 | ECC/ECDSA |
| hash-wasm | 4.12 | 高性能哈希(WASM) |
| react-markdown | 10.x | Markdown 渲染 |
| vite-plugin-pwa | 1.3 | PWA 支持(Service Worker) |
| Vitest | 4.x | 单元测试框架 |
| @testing-library/react | 16.x | React 组件测试 |
⚡ 性能
| 优化项 | 描述 |
|---|---|
| 路由懒加载 | 所有页面均使用 React.lazy() 按需加载 |
| 供应商拆分 | 将 React / Ant Design / Crypto 分别打包,以便缓存 |
| 预渲染 SSG | 构建时由 Puppeteer 生成静态 HTML |
| 复用水合 | 存在预渲染 HTML 时使用 hydrateRoot |
| PWA 缓存 | Service Worker 预缓存 210 多项资源,支持离线使用 |
| 长期缓存 | 静态资源采用 max-age=31536000, immutable |
🔐 安全
- 客户端加密 - 所有加密操作均在浏览器中使用 Web Crypto API 和 crypto-js 执行
- 零数据传输 - 密钥和敏感数据绝不会离开你的设备
- 开源 - 所有代码均可公开审查
- 符合合规要求 - 满足金融行业的安全要求
- CSP 防护 - Content-Security-Policy 可防止 XSS 攻击
- 生产环境日志 - 生产环境中会静默调试日志,仅记录错误
♿ 无障碍访问
HSM Kit 遵循 WCAG 2.1 AA 标准,并提供全面的无障碍支持:
- 跳转到内容链接 - 键盘用户可以快速跳转到主要内容
- ARIA 标签 - 导航、按钮和表单元素均设有适当的 aria-label
- aria-live 区域 - 屏幕阅读器会播报动态结果和错误
- 键盘导航 - 所有交互元素均支持 Tab/Enter/Space
- 焦点管理 - 提供清晰的焦点指示器和合理的焦点顺序
- 语义化 HTML - 使用 role="banner"、role="main"、role="alert" 等
🌍 国际化
HSM Kit 支持 6 种语言,翻译覆盖率达 100%:
| 语言 | 代码 | 状态 |
|---|---|---|
| 英语 | en | ✅ 100% |
| 简体中文 | zh | ✅ 100% |
| 日语 | ja | ✅ 100% |
| 韩语 | ko | ✅ 100% |
| 德语 | de | ✅ 100% |
| 法语 | fr | ✅ 100% |
翻译文件位于 src/locales/,并采用懒加载以获得最佳性能。
🌍 部署
HSM Kit 可以部署到任何静态托管服务:
| 平台 | 配置文件 |
|---|---|
| Cloudflare Pages | wrangler.json、public/_headers、public/_redirects |
| Vercel | vercel.json |
| Netlify | public/_redirects |
# The dist/ directory can be deployed directly after build
npm run build
搜索发现
- 在构建环境中设置
BING_SITE_AUTH,其值为 Bing Webmaster Tools 提供的验证值。 - Cloudflare Pages 完成部署后,打开 GitHub Actions → Submit URLs to IndexNow → Run workflow。将 URL 留空以提交站点地图,或输入一个已更改的 URL。也可通过
npm run submit:indexnow在本地提交。 - AI 可读资源发布在
/llms.txt、/ai/tools.json以及每篇指南的index.mdURL 上。
🤝 参与贡献
欢迎提交 Issues 和 Pull Requests!
- Fork 此仓库
- 创建功能分支(
git checkout -b feature/AmazingFeature) - 提交更改(
git commit -m 'Add some AmazingFeature') - 推送到分支(
git push origin feature/AmazingFeature) - 提交 Pull Request
添加新的知识库文章
- 在
src/content/guides/en/中创建{slug}.md(中文文章则创建在zh/中) - 使用元数据更新
src/data/guides/en.json和zh.json - 在
prerender.config.ts中添加路由 - 在
public/sitemap.xml中添加 URL - 运行
npm run build进行验证
📄 许可证
MIT License——详见 LICENSE 文件
🔗 链接
⚠️ 注意:此工具适用于测试和开发环境。在生产环境中使用前,请确保符合相关安全标准。
由 HSM Kit Team 倾心打造 ❤️
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。