用 PakePlus 把任意网页打包成桌面端和手机 App

如果你想把一个网页变成能在电脑或手机上直接运行的「应用」，PakePlus 值得一试。它是一个基于 MIT 协议的开源项目，支持 Windows、macOS、Linux 多平台，全程可视化操作，不需要写一行代码。

GitHub 仓库地址：https://github.com/Sjj1024/PakePlus

安装

从 GitHub Releases 页面下载对应系统的安装包即可：

https://github.com/Sjj1024/PakePlus/releases

安装后打开，界面很简洁，没有任何复杂配置。

登录 GitHub 并授权

PakePlus 的打包和编译流程依托 GitHub，因此你需要一个 GitHub 账号。没有的话先去官网注册：

https://github.com

登录配置很简单：

1. 点击「设置」按钮
2. 选择「GitHub 授权登录」
3. 浏览器会自动完成授权

授权成功后浏览器会显示登录成功提示。建议开启代理，否则可能遇到网络问题。

授权后可以看到许多功能权限，如果需要开启部分高级能力，可以联系作者。

打包桌面端应用

这里以普通的静态网页为例，当然它也支持 Vue、React 等主流 SPA 项目。

准备素材

如果你只有一个单独的 HTML 文件，需要先创建一个文件夹（比如 dist），然后把 HTML 文件重命名为 index.html 放进去。这属于 PakePlus 对静态文件夹的约定。

创建项目并发布

1. 回到首页，点击「新增」创建项目
2. 按需填写打包信息
3. 在「网站类型」中选择「静态文件夹」
4. 上传你准备好的页面文件夹
5. 可以先点击「预览」查看效果
6. 确认无误后点击「发布」

发布完成后，你会得到一个桌面端应用，双击即可打开使用。

注：发布方式可按需选择，使用场景不同选择也不同。

打包手机 App

安卓 App

安卓打包非常直接：

1. 回到首页，点击右上角的「移动端」按钮
2. 直接点击「发布」即可

打包完成后即可安装到安卓手机上。

iOS App

iOS 由于需要签名，PakePlus 直接打包的 iOS 应用无法使用。平台的 iOS 免签能力需要联系作者。

这里分享一个替代方案，把网页作为「快捷方式」安装到 iPhone 主屏幕，效果接近原生 App：

1. 在 PakePlus 上先打包并发布一个网站
2. 部署成功后点击「访问」，会得到一个永久有效的地址（GitHub Pages 免费且稳定，不用担心跑路）
3. 在手机浏览器中打开这个地址
4. 点击浏览器底部的「分享」按钮
5. 选择「添加到主屏幕」

完成之后，这个网页就会以 App 的形式出现在 iPhone 主屏幕上，点击即可全屏访问。

小结

PakePlus 的核心能力就是「把网页变成应用」。桌面端一键打包，安卓端同样直接打包，iOS 则可以用「添加到主屏幕」的替代方案。整个过程可视化，对开发者非常友好，适合快速将网页项目变成可交付的桌面 / 移动端应用。