ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

PakePlus-Android:9分钟把任意网页打包成5MB的App

PakePlus-Android:9分钟把任意网页打包成5MB的App

PakePlus-Android:9分钟把任意网页打包成5MB的App

【免费下载链接】PakePlus-AndroidTurn 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/gh_mirrors/pa/PakePlus-Android

PakePlus-Android 是一个网页转应用的打包工具:填一个网址或本地 dist 目录,就能产出 Android、iOS、Mac、Windows、Linux 的跨端安装包。最值得记住的数字是 5MB——打包后的应用体积小于 5MB,约为同类 Electron 方案的 1/20,从点“发布”到拿到产物官方标称约 9 分钟。

🚀 三步开始打包

  1. 下载客户端:从项目 release 页下载 PakePlus 客户端(Mac/Windows/Linux)双击安装,没有安装环境也可以直接用它的 Web 版。
  2. 粘贴 GitHub Token:在 GitHub 上创建一个 Token 填进应用,首次使用会自动 fork 一个模板仓库到你的账号,所需权限清单应用内有说明。这是全流程唯一的“环境准备”。
  3. 配置并发布:填入网址或本地 HTML/dist 目录,设置名称、图标、启动图和权限(相机、定位等),先点“预览”验证效果,再点“发布”走云端打包,完成后下载产物。

🔍 拆解三个核心能力

一个 Token 搞定编译,不用装本地环境打包全程走 GitHub Actions 云端编译,本地不需要装 Rust 和 Node。Token 只保存在你自己的机器上,项目仓库也在你自己的账号里,不经过第三方服务器。

小于 5MB,一个项目出五个平台桌面端基于 Tauri(Rust),移动端走原生框架打包,替代了 Electron 携带完整 Chromium 的路线。同一个项目可一次产出 Android、iOS、Mac、Windows、Linux 五端产物,不用维护多条打包链路。

JS 注入 + 静态文件打包可以写自己的 JS 注入页面,做去广告、自动登录、界面定制;也支持直接丢进 Vue/React 编译后的 dist 目录或单个 index.html,打包成纯静态客户端。配置项(权限、启动密码、窗口参数等)可以参考 scripts/ppconfig.json 的完整结构。

⚖️ 和传统方案差在哪

对比项Electron 自建Tauri 自建PakePlus
耗时30 分钟以上,首次还要装环境30 分钟以上,需先装 Rust+Node约 9 分钟
产物体积50MB+5MB 级小于 5MB
上手成本要学构建链和打包配置要手写 Tauri 配置一个 Token + 一张表单

一句话总结差异:传统方案是你自己写构建脚本,PakePlus 把环境准备和 CI 打包挪到云端,只留给你一张配置表单。

哪几类人适合用它

  • Vue/React 个人开发者:不想买服务器、不想维护部署,dist 直接打成客户端分发,服务端成本归零。
  • 企业内网工具团队:内部系统只走专属客户端分发,可配启动密码控制访问范围,网站地址不直接暴露。
  • 游戏开发者:Cocos 或 Unity 项目可以直接构建为跨平台客户端,省去逐端做平台适配的活。

⚠️ 三个常见坑的解法

Mac 打开提示“App 已损坏”点掉弹窗,在终端执行下面命令后重新打开即可:

sudo xattr -r -d com.apple.quarantine /Applications/PakePlus.app

自己打包的 App 报同样的错,把路径换成你的 App 名即可。原因是应用没有 Apple 开发者签名,需要手动绕过。

填完 Token 后能不能删掉账号里的 PakePlus 仓库?不能。填 Token 后会在你账号里 fork 一个 PakePlus 模板仓库,后续所有项目都靠它编译,删掉之后所有打包都会失败。

打包失败或超时怎么办先确认 Token 是否仍然有效、网络是否稳定,重试打包;仍失败就更新到最新版——2025 年之前的版本基于 Tauri v1,问题在新版本中已多数修复。

动手打包第一个应用

先去项目 release 页拿到客户端,挑一个公开网址把上面三步完整走一遍;想提前了解配置结构,可以看 app/src/main/assets/app.json 里生成端应用的示例配置。

【免费下载链接】PakePlus-AndroidTurn 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/gh_mirrors/pa/PakePlus-Android

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进