免费把网页打包成应用:PakePlus 零代码快速上手教程
【免费下载链接】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 做网页打包,把它变成一个双击就能打开的桌面应用,全程不用写代码。
PakePlus 是什么
PakePlus 是一个开源的网页打包工具,底层用 Rust 的 Tauri 框架实现,支持把网站、本地 HTML 文件,甚至 Vue/React 编译后的 dist 目录做成桌面端和手机端应用。它打出来的安装包通常不到 5M,约为 Electron 方案的 1/20;云端打包约 15 分钟,本地打包 30 秒左右就能出一个包。
把一个网页打包成应用:完整走一遍 📦
下面以打包一个聊天网站为例,全程不需要在本地装任何开发环境。
先把 PakePlus 客户端装好并运行。想用云端打包的话,先准备一个 GitHub Token,桌面端支持一键授权登录,流程见 Token 教程。暂时不想配 Token 也没关系,后面会讲到本地打包。
打开首页,点左上角的"+"新建项目,输入英文名称并确认。项目名只能用字母、数字、下划线和短横线,不能以数字开头,也不能与已有项目重名。
进入配置页后,先填四项必填内容:
- 应用名称:支持中文,但不能有空格
- 网站地址:http/https 网址、本地 html 文件或 dist 目录
- 应用标识:全局唯一,只允许小写字母、数字、下划线
- 版本号:用来区分新旧版本
顺手还能上传本地图片当图标、把窗口模式切到桌面端/iPhone/Android/iPad/自定义,并调整窗口大小。
填完先点"预览",确认窗口长什么样,再点"发布"。弹出的窗口里选"桌面端"作为发布平台,之后就是等待云端打包,大约 15 分钟。
完成后回到发布页,一行就是一个安装包:dmg 是 macOS,exe/msi 是 Windows,deb/rpm 是 Linux,点"下载"就能拿到直接安装的文件。
功能细节 🔧
想隐藏网页里的广告怎么办
配置页的"过滤元素"里填选择器,窗口里对应元素就不再显示。更进一步,"脚本文件"可以在应用启动时注入你自己的 JS,打开 TauriApi 开关后,JS 甚至能调用系统级能力。
一套配置能同时出手机和桌面版吗
能。发布时把平台选成"移动端",或点右上角移动端图标进入手机打包页,分别得到 Android 的 apk 和 iOS 的 ipa,桌面与手机互不影响。
没有 GitHub Token 还能打包吗
能。选本地打包就不需要 Token,也不用装任何依赖环境,单个包 30 秒左右完成,很适合临时验证。
图标、窗口这些外观能自己定吗
可以。macOS 图标还能切圆角风格;"窗口保持"让窗口记住上次的大小和位置,"单例模式"避免重复点开多个实例。
避坑与常见疑问 ⚠️
Mac 安装后提示"应用已损坏"?因为应用没有官方签名,在终端运行下面命令去掉隔离属性,再打开即可:
sudo xattr -r -d com.apple.quarantine /Applications/你的应用名.app填了 GitHub Token 安全吗?Token 只存在你自己电脑本地,不会上传服务器;项目构建在你自己的 GitHub 账号里,注意别删掉它 fork 出来的模板仓库。
为什么项目建不出来?多半是命名不合规:项目名只认字母、数字、下划线、短横线,不能以数字开头,也不能重复;想显示中文名,填在"应用名称"里就行。
从填一个网址到拿到安装包,中间基本就是填表加等待。想深入了解更多配置,可以看 官方文档,也可以直接把仓库拉下来体验:
git clone https://gitcode.com/GitHub_Trending/pa/PakePlus【免费下载链接】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
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考