惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
Visual Studio Blog
MyScale Blog
MyScale Blog
M
MIT News - Artificial intelligence
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
The Blog of Author Tim Ferriss
Martin Fowler
Martin Fowler
博客园 - 【当耐特】
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
宝玉的分享
宝玉的分享
Engineering at Meta
Engineering at Meta
WordPress大学
WordPress大学
Google DeepMind News
Google DeepMind News
C
Check Point Blog
Last Week in AI
Last Week in AI
F
Fortinet All Blogs
博客园 - 聂微东
Blog — PlanetScale
Blog — PlanetScale
H
Help Net Security
GbyAI
GbyAI
云风的 BLOG
云风的 BLOG

博客园 - H5开发技术

安卓手机系统WebView内核更新指南 C#强签名实战:恒盾混淆加密大师重签名教程 HTML打包APK自定义User Agent设置教程 HTML一键打包APK:实现安卓打印功能 HTML打包EXE退出密码配置详细教程 HTML打包APK实现视频全屏播放方法 HTML打包APK实现拍照、录像、录音和文件选择 HTML打包APK:二维码扫码功能实现笔记 C#混淆选项选择指南:使用合适的加密方式保护C#代码 C#混淆随机种子详解与恒盾加密大师使用教程 在.NET项目集成混淆加密:自动化保护DLL和EXE 恒盾C#混淆加密大师1.5.0:EXE保护增强与.NET 10适配 EXE加密原生内核使用:解决系统环境兼容问题 EXE一机一码加密后无法运行?兼容模式使用指南 HTML打包EXE多实例共享进程:多开加速与状态共享 免费绿色JS混淆加密工具 - 离线版本分享 5分钟学会HTML打包AP本地文件加密 HTML打包EXE后桌面图标不更新?刷新缓存方法 HTML打包EXE 2.3.0更新详解(附最新版本下载地址-含免费内核) HTML打包EXE离线一机一码新增试用功能(附2026最新版下载地址) PDF加密转APK大师最新版本1.1.0更新, 附快速上手教程 极速图标设计大师 — 不会 PS 也能 3 秒做出专业 App 图标(附免费下载) HTML打包EXE导出配置文件教程:使用 .html2exe 文件备份、迁移和复用打包设置 BZ全景漫游可视化编辑器: 零代码制作360全景漫游H5作品 苹果手机快速开启开发者模式教程(iOS 16+) Windows平台生成苹果开发者测试证书教程 苹果签名安装助手 - 用 Apple ID 一键生成开发者测试证书教程 HTML打包EXE使用附件功能调用外部程序扩展你的EXE - 附实战演练实现录频功能 HTML打包EXE安装包配置教程 - 自定义安装目录和桌面快捷方式名 HTML打包/EXE加密的一机一码网络验证常见问题汇总
HTML打包EXE工具数据加密功能详解 - 加密保护HTML/JS/CSS资源
H5开发技术 · 2026-04-18 · via 博客园 - H5开发技术

HTML打包EXE工具提供了数据加密功能,能够对前端资源文件(HTML/JS/CSS/JSON/XML)进行加密保护,防止用户通过解压EXE或抓包等方式直接看到明文源码。无论是本地打包项目,还是加载远程网页的项目,都能使用这一功能保护自己的前端代码。

下载最新版本

点击进入HTML一键打包EXE软件下载页面

什么是数据加密功能?

在默认情况下,HTML打包EXE工具生成的EXE中,前端资源(HTML、JS、CSS等文件)是以明文方式存放的。对安全要求较高的项目,可能希望对这些资源进行加密,避免源码被轻易获取。

数据加密功能开启后,工具会对以下类型的文件进行加密:

文件类型 说明
.html / .htm 页面结构文件
.js JavaScript脚本
.css 样式文件
.json 配置或数据文件
.xml 数据或配置文件

加密后的文件在EXE运行时会自动解密加载,用户使用体验与未加密版本完全一致,但直接打开加密文件无法看到原始内容。

数据加密设置位置

功能入口

在打包工具主界面切换到加密设置标签页,找到使用数据加密选项:

  • 使用数据加密:勾选后启用数据加密功能
  • 加密密钥:自定义加密使用的密钥,不填则使用工具内置的固定公共密钥
  • 加密数据工具:用于对远程项目资源进行加密的独立工具按钮

注意:数据加密功能仅Chrome内核支持,使用IE内核或其他内核时该选项不生效。

两种使用方式

根据项目是本地文件还是远程网页,使用方式略有不同。

方式一:本地项目 —— 勾选即可

如果打包的是本地HTML项目(主页面路径填写的是本地文件路径),使用方式非常简单:

  1. 在快速打包页面正常填写项目路径和图标
  2. 切换到加密设置标签页
  3. 勾选使用数据加密
  4. (可选)填写自定义加密密钥,建议设置一个自己的密钥而不是使用默认公共密钥
  5. 回到快速打包页面,点击打包按钮

打包过程中,工具会自动对项目内的HTML/JS/CSS/JSON/XML文件进行加密,然后再打包到EXE中。用户无需做任何额外操作。

方式二:远程项目 —— 使用加密数据工具

如果项目的主页面路径填写的是http/https开头的网址(即加载远程服务器上的网页),工具在打包时无法直接访问服务器上的资源来进行加密。此时需要使用加密数据工具先对资源进行预处理,再上传到服务器。

使用步骤如下:

第一步:准备好要上传的资源目录

将要部署到服务器的前端资源(HTML/JS/CSS等)整理到一个本地文件夹中,确保该目录是你即将上传到服务器的完整前端项目。

第二步:勾选使用数据加密并填写密钥

加密设置页面中:

  • 勾选使用数据加密
  • 加密密钥中填写一个密钥(例如 mySecretKey2026),这个密钥必须与EXE使用的密钥保持一致

第三步:点击"加密数据工具"

点击加密数据工具按钮,工具会弹出文件夹选择对话框。选择第一步中准备好的资源目录。

加密数据工具

第四步:确认加密

工具会弹出确认提示,告知将要加密的文件类型(.html.htm.js.css.json.xml)。点击确定后开始加密。

在加密之前,工具会自动将这些文件打包成一个 html2exe-backup-时间戳.zip 备份文件放在目录中,方便万一操作失误时恢复原始文件。

第五步:上传加密后的资源到服务器

加密完成后,将目录中的所有文件(不需要上传备份的zip)上传到你的Web服务器。请妥善保管备份zip文件,后续如果需要修改源码,使用备份中的原始文件进行修改,再重新加密上传。此时直接访问服务器上的html数据, 将显示为加密乱码数据, 浏览器内无法正常展示:

加密数据

第六步:打包EXE

在快速打包页面中,项目路径填写远程URL(例如 https://example.com/index.html),保持使用数据加密勾选、密钥与加密工具中填写的一致,点击打包即可。

生成的EXE在访问远程资源时会使用相同密钥解密,保证正常运行。

使用注意事项

  • 密钥必须一致:远程项目中,加密工具使用的密钥必须与EXE打包时填写的密钥完全相同,否则EXE加载资源时无法解密
  • 仅Chrome内核支持:数据加密功能仅在Chrome内核下生效,IE内核和其他内核打包时即使勾选也不会加密
  • 敏感目录保护:加密工具不允许直接对桌面、我的文档、下载、用户主目录、磁盘根目录等敏感目录进行加密,避免误操作影响系统
  • 自动备份:为了防止误操作导致数据丢失, 每次使用加密工具都会生成 html2exe-backup-时间戳.zip 备份,请妥善保存以便后续修改
  • 不会加密图片和二进制文件:图片、字体、视频等非文本资源不在加密范围内,它们本身不包含源码逻辑
  • 建议使用自定义密钥:内置公共密钥主要用于测试,正式项目建议填写只有自己知道的密钥

本地与远程方式对比

对比项 本地项目 远程项目
操作复杂度 勾选即可,一步到位 需先用加密工具处理,再上传服务器
资源位置 打包进EXE内部 部署在Web服务器
修改源码后的处理 直接修改源码重新打包 修改后需再次使用加密工具处理并上传
备份zip 无需 加密工具自动生成,请保留
密钥一致性要求 内部自动保持 加密工具和EXE必须使用相同密钥

适用场景

数据加密功能特别适合以下场景:

  • 防止HTML/JS源码被直接查看:对前端逻辑有一定保密需求的商业项目
  • 配合混淆使用:在JS混淆的基础上再加一层加密,提高破解成本
  • 付费课程、电子书类项目:避免用户轻松提取课程内容或文档
  • 内部管理系统:对业务逻辑和页面结构有一定保护要求的企业应用

相关阅读

相关阅读