PakePlus：零代码网页打包 5M 多端应用完整指南-创锋一号

PakePlus：零代码网页打包 5M 多端应用完整指南

【免费下载链接】PakePlusTurn any webpage/HTML/Vue/React and so on into desktop and mobile app under 5M with easy in few minutes. 轻松将任意网站/HTML/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟. https://ppofficial.netlify.app项目地址: https://gitcode.com/GitHub_Trending/pa/PakePlus

每天在用的内部系统、自己写好的静态站点，想装到手机里，或者交给同事当独立软件跑？PakePlus 是一款零代码网页打包工具，把任意网站、HTML、Vue/React 静态页变成桌面或手机应用，安装包只有 5M，几分钟就能出包。

一分钟认识 PakePlus

它是基于 Tauri2（一个基于 Rust 的跨平台应用框架）与 GitHub Actions 云端构建的打包工具，工具本身体积约 10M，打包过程不用在本地安装任何依赖环境。

适合谁：想把个人网站变客户端又不想学应用开发的人；有 Vue/React 的 dist 静态页、不想买服务器的人；需要隐藏网站地址、只允许通过客户端访问的人
不适合谁：需要商业分发或官方签名的产品（工具注明仅限个人使用）；需要深度定制原生逻辑的场景

上手前准备

注册 GitHub 账号，创建一个具备 repo、workflow、user 权限的 classic Token，步骤见 docs/zh/guide/token.md；没有 Token 也能走本地打包，但只能出本机系统的包
安装 PakePlus 客户端（网页版可用，但客户端功能更全）
备好要打包的网页地址，以及应用名称、图标、版本号等基本资料

实战：从网页到安装包

创建项目

在首页点击+按钮，输入项目名称后点「确定」。项目名只能包含字母、数字、下划线和短横线，不能以数字开头，也不能用中文。创建完成会自动跳转到配置页。

填写应用配置

四个必填项：APP 名称（支持中英文，但不能有空格）、网站 URL（需以 http 或 https 开头，也可以指向本地 html 文件或 dist 目录）、APP ID（全局唯一）、版本号。其余如图标、窗口模式、过滤元素按需求填写。保存后先点「预览」，确认页面长什么样再发布。更多配置项说明见 docs/zh/guide/config.md。

选择平台并打包

点「发布」后有两种打包方式可选：

云端打包：依托 GitHub Actions，支持 Windows、macOS、Linux 等主流系统及多种架构，单包 5M 左右，速度稍慢
本地打包：约 30 秒完成、无需 Token，但只支持 Windows x64 与 macOS，包体约 10M

两者对比详见 docs/zh/guide/build.md。多数人选云端打包即可，等几分钟就能在发布页拿到各格式的安装包。

配置项速查

配置项	作用	注意点
APP 名称	应用显示名	支持中文，但不能含空格
网站 URL	要打包的页面	需 http/https 开头；单个文件建议不超 10M
APP ID	应用唯一标识	不能与其他项目重复，仅小写字母、数字、下划线
版本号	区分应用版本	更新应用时递增
APP 图标	应用图标	支持本地图片上传，可选 macOS 圆角
窗口模式	决定窗口形态	桌面/iPhone/iPad/Android/自定义
过滤元素	隐藏广告等元素	用 CSS selector 描述
窗口保持	二次启动恢复窗口大小与位置	本地打包模式不支持
单例模式	防止重复打开应用	本地打包模式不支持
脚本文件	注入自定义 JS	进阶功能，不懂代码不要动

你可能遇到的情况

Mac 安装时提示「应用已损坏」怎么办？

因为应用没有官方签名，点「取消」后按仓库 README 中的说明在终端执行去除隔离标记的命令，再重新打开即可。

Token 校验一直转圈或提示不可用？

先确认 Token 勾选了 repo、workflow、user 三个权限；权限没问题就多半是网络原因，稍后重试或重新生成一个。

为什么不推荐用本地打包正式发布？

它只支持 Windows x64 与 macOS，不支持移动端，也不支持单例模式和窗口状态保持，包体约 10M 比云端大。

Token 验证成功后，fork 出来的 PacBao 仓库能删吗？

不能。之后所有项目都依赖这个仓库进行创建和编译，删了项目就无法继续打包。

把一个网页变成能分发的安装包，就是上面这几步的事，配置说明和更多平台细节都在 docs/zh/guide/index.md 里：

git clone https://gitcode.com/GitHub_Trending/pa/PakePlus

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

企业官网建设流程全解析