HTML代码加密工具源码

这套源码是一个前端 HTML 代码加密工具，纯静态单页应用，主要用途是把写好的 HTML 源码进行加密混淆处理，页面在浏览器里的运行效果保持不变，但外人难以直接阅读原始代码，起到保护前端源码的作用。

源码简介

HTML代码加密工具是一套基于 React 构建的前端单页应用（通过 Vite 打包），由诺品网络出品、妙搭平台托管发布。项目仅包含 index.php 入口、编译后的 index-*.js / index-*.css、字体样式与一张应用图标，全部为前端静态资源，不依赖任何后端服务或数据库。它面向的是”希望保护自己的 HTML/CSS/JS 不被轻易查看”的站长与前端开发者，输入原始 HTML 代码后一键加密，输出仍可在网页中正常运行的混淆版本。

适用场景

• 前端开发者发布 Demo 时不想暴露完整源码
• 网站运营方保护页面关键 HTML 逻辑
• 本地测试代码混淆与加密效果

技术栈与运行环境

• 前端框架：React（production 构建）
• 构建工具：Vite（modulepreload 特征）
• 核心逻辑：编译压缩的 index-*.js，内含 encrypt/encode/btoa 等加密编码实现
• 运行环境：任意支持静态文件的 Web 服务器（Nginx / Apache / 对象存储），PHP 仅作入口宿主，无数据库依赖

功能亮点

• 一键加密 HTML 源码：粘贴原始 HTML 代码即可生成加密混淆版本
• 运行效果不变：加密后页面在浏览器中表现与原页面一致
• 纯前端运行：无需后端、无需数据库，部署极简
• 代码混淆压缩：核心算法对 HTML 进行编码混淆，增加直接阅读难度
• 跨平台静态托管：可放任意虚拟主机或静态资源服务

安装与部署提示

• 将目录下的 index.php、index-*.js、index-*.css、fonts-code.css、app-*.png 全部上传到网站根目录
• 直接访问 index.php（或配置默认文档为 index.php）即可打开工具页面
• 无需配置数据库，无需执行安装脚本
• 注意：实际加密算法在压缩后的 JS 中，如需二次开发需自行对接源码或在前端层扩展

截图与演示说明

• 工具主页（index.php）：含导航栏与工具主界面
• 代码输入区：粘贴原始 HTML 的位置
• 加密结果区：输出混淆后的代码与复制入口

常见问题

加密后的代码还能正常运行吗？
能。该工具设计为”运行效果不变”，加密仅做混淆编码，不改变 DOM 与脚本执行逻辑。

需要服务器支持 PHP 吗？
PHP 在本项目中只是入口页面宿主，核心逻辑全在前端 JS；也可用纯 index.html 静态托管，不强制要求 PHP 环境。

安全风险提示

特别提示：本源码未检测安全风险文件，下载后请务必进行安全审计，删除恶意代码后再部署使用！

该工具为本地运行的代码加密程序，未发现外部请求或后门；需注意编译后的 JS 经过压缩混淆，若需审计加密实现请使用源码映射或反编译工具自行核对。

下载说明

源码包为全量文件，解压密码见下载页隐藏内容。下载后建议先本地静态托管试用，确认功能符合预期再投入使用。