纯前端许可证

🏆行业先驱

TechUI 引入了前端开发历史上首个有效的纯前端授权方案。

我们摒弃了传统的“远程服务器鉴权”模式，利用 WebAssembly (Wasm) 的高性能与黑盒特性，将完整的授权验证逻辑封装在组件库内部。这意味着 TechUI 的运行完全不依赖网络请求，也不依赖 TechUI 官方服务的存活状态。

核心定义

所谓的“纯前端许可证”，是指授权的验证过程满足以下三个特征：

1. Serverless (无服务端)：验证逻辑运行在用户的浏览器中，不向任何第三方服务器发送 HTTP 请求。
2. Offline Capable (完全离线)：即使在物理隔绝的内网（Air-gapped）、地下机房或无网络环境中，许可证依然有效。
3. Local Assets (资产本地化)：验证所需的密钥库（Keychain）通过 npm 包分发，随您的项目构建打包发布，而非在线拉取。

为什么选择纯前端？

这种设计为企业级应用带来了无可比拟的优势：

• 🛡️ 绝对的数据隐私：由于没有鉴权请求，我们从物理上断绝了窃取业务数据的可能性。
• ⚡ 零延迟启动：组件初始化不需要等待网络握手，消除了因网络波动导致的 UI 渲染阻塞。
• 🏢 完美的内网兼容性：天然适配银行、军工、政务等对网络外连有严格限制的复杂网络环境。

两种许可机制

为了在“接入便捷性”与“安全强度”之间取得平衡，TechUI 设计了轻、重两种验证模式。

轻许可 (Lite License)

• 适用组件：@techui/scifi, @techui/base, @techui/admin
• 设计理念：极速分发。
• 工作原理：
  • 仅依赖核心的 Wasm 模块进行解密。
  • 开发者只需填入一段加密字符串（License String）。Wasm 模块在运行时解密该字符串，校验有效期与域名绑定情况。
  • 特点：配置简单，即配即用，适合通用型组件。

重许可 (Heavy License)

• 适用组件：@techui/prime (旗舰版)
• 设计理念：供应链级防护。
• 工作原理：
  • 引入了双因子验证机制。
  • 除了 Wasm 模块外，您还需要安装专属的 npm 依赖包：@techui/prime-keychain。
  • 验证流程：运行时，Wasm 模块会提取 npm 包中的 “公钥钥匙串”，并与您传入的 “本地密钥 (Client Key)” 进行配对运算。只有两者在初步解密并完全契合，旗舰版的高级功能（如 3D 引擎）才会被解锁。
  • 特点：通过 npm 包管理密钥版本，提供了最高的安全等级，防止授权文件被简单复制盗用。

浏览器兼容性

由于核心验证逻辑依赖 WebAssembly 标准，TechUI 仅支持现代浏览器。

• ✅ 支持列表：
  • Chrome 80+ / Edge 80+
  • Firefox 75+
  • Safari 13.1+
• ❌ 不支持：
  • Internet Explorer (IE)：微软官方已停止维护 IE 浏览器，TechUI 亦不支持该环境。

💡 技术提示

如果您的业务必须兼容 IE11，请勿购买 TechUI。我们的 3D 渲染引擎与 Wasm 守卫均无法在过时的 JS 引擎中运行。

前端许可证视频教程

如果您对 TechUI 纯前端许可证背后的设计思路与实现原理感兴趣，欢迎观看作者录制的深度技术讲解视频。

Bilibili (中文)

• Part 1: 核心思路
  • 纯前端许可证设计原理Part1
• Part 2: 规划与设计
  • 纯前端许可证设计原理Part2

YouTube (中文)

• 纯前端许可证设计原理系列

  • 纯前端许可证设计原理系列视频