Pure Frontend License
TechUI introduces the first effective pure front-end authorization solution in the history of front-end development.
We have discarded the traditional "remote server authentication" mode and utilized the high performance and black-box characteristics of WebAssembly (Wasm) to encapsulate the complete authorization verification logic within the component library. This means that TechUI's operation does not rely on network requests at all, nor does it depend on the availability status of TechUI's official services.
Core Definition
The so-called "Pure Frontend License" refers to an authorization verification process that meets the following three characteristics:
- Serverless: The verification logic runs in the user's browser and does not send HTTP requests to any third-party servers.
- Offline Capable: The license remains effective even in physically isolated intranets (Air-gapped), underground server rooms, or environments without network access.
- Local Assets: The keychain required for verification is distributed via npm packages and is packaged and published along with your project build, rather than being fetched online.
Why Choose Pure Frontend?
This design brings incomparable advantages to enterprise-level applications:
- 🛡️ Absolute Data Privacy: Since there are no authentication requests, we physically eliminate the possibility of stealing business data.
- ⚡ Zero Latency Startup: Component initialization does not need to wait for network handshakes, eliminating UI rendering blocking caused by network fluctuations.
- 🏢 Perfect Intranet Compatibility: Naturally adapted to complex network environments with strict restrictions on external connections, such as banks, military industries, and government affairs.
Two Licensing Mechanisms
To balance "ease of access" and "security strength," TechUI has designed two verification modes: Lite and Heavy.
Lite License
- Applicable Components:
@techui/scifi,@techui/base,@techui/admin - Design Philosophy: Rapid Distribution.
- Working Principle:
- Relies only on the core Wasm module for decryption.
- Developers only need to enter an encrypted string (License String). The Wasm module decrypts this string at runtime and validates the expiration date and domain binding status.
- Features: Simple configuration, ready to use out of the box, suitable for general-purpose components.
Heavy License
- Applicable Components:
@techui/prime(Flagship Edition) - Design Philosophy: Supply Chain Level Protection.
- Working Principle:
- Introduces a Two-Factor Authentication mechanism.
- In addition to the Wasm module, you also need to install a dedicated npm dependency package:
@techui/prime-keychain. - Verification Process: At runtime, the Wasm module extracts the "Public Key Keychain" from the npm package and performs a pairing operation with the "Client Key" you passed in. The advanced features of the Flagship Edition (such as the 3D engine) will only be unlocked if the two are initially decrypted and perfectly matched.
- Features: Manages key versions through npm packages, providing the highest security level and preventing authorization files from being simply copied and pirated.
Browser Compatibility
Since the core verification logic relies on the WebAssembly standard, TechUI only supports modern browsers.
- ✅ Supported List:
- Chrome 80+ / Edge 80+
- Firefox 75+
- Safari 13.1+
- ❌ Not Supported:
- Internet Explorer (IE): Microsoft has officially stopped maintaining the IE browser, and TechUI also does not support this environment.
💡 Technical Tip
If your business must be compatible with IE11, please do not purchase TechUI. Our 3D rendering engine and Wasm guards cannot run in obsolete JS engines.
Frontend License Video Tutorials
If you are interested in the design ideas and implementation principles behind the TechUI Pure Frontend License, you are welcome to watch the in-depth technical explanation videos recorded by the author.
Bilibili (Chinese)
- Part 1: Core Ideas
- Part 2: Planning and Design
YouTube (Chinese)
- Pure Frontend License Design Principles Series