推荐一个可以将web应用打包成手机APP和桌面软件的开源项目
推荐一个能帮你快速将任意网页、HTML 文件或 Vue/React 项目,打包成体积小于 5MB 的轻量级桌面和手机应用的工具。它的核心亮点是简单快捷,主打通过云端(GitHub Actions)自动完成打包,你本地无需安装复杂的开发环境。
几分钟内就能轻松把任何网页、HTML、Vue、React 等变成桌面和移动应用,费用在 500 万以下。轻松将任意网站/HTML/Vue/React 等项目构建为轻量级(小于 5M)多端桌面应用和手机应用仅需几分钟。
项目功能
- 网页转应用:将任意网站地址,瞬间变成一个独立的桌面或手机客户端,提升使用体验。
- 项目打包:将你本地的 Vue/React 项目(编译后的
dist文件夹或index.html)打包成跨平台客户端,方便在没有服务器的情况下分发。 - 功能增强:通过注入自定义 JavaScript,你可以隐藏网页广告、添加自动化操作,或调用系统级 API(如下载文件、执行命令)。
- 隐私与内部使用:可以隐藏网站真实地址,或为公司内部平台创建专属客户端。
项目核心亮点
- 极致轻量:基于 Tauri 构建,成品体积比 Electron 应用小约 20 倍(小于 5MB),运行速度更快。
- 云端打包,无需本地环境:这是它最方便的一点。你只需要一个 GitHub Token,PakePlus 就会利用 GitHub Actions 在云端自动完成编译打包,本地完全不用安装 Rust、Node.js 等任何依赖。
- 丰富的内置功能:支持快捷键、沉浸式窗口、国际化(自动跟随系统语言)、自定义 JS 注入、调试模式等。
- 多端支持:支持打包为 Mac、Windows、Linux、Android 和 iOS 应用。
- 使用简单:提供直观的图形界面,对新手友好,还支持使用中文名称来打包应用。
使用场景
- 你有一个网站,想把它立刻变成桌面应用,立刻高大尚。
- 你有一个 Vue/React 等项目,不想购买服务器,想把它打包成桌面应用。
- 你的 Cocos 游戏是不是想要跨平台客户端运行?完全没有问题。
- 你的 Unity 项目是不是想要跨平台打包为客户端?也完全没有问题。
- 隐藏你的网站地址,不被随意传播和使用,防止爬虫程序获取你的网站内容。
- 公司内网平台,不想让别人知道你的网站地址,只允许通过你的客户端访问。
- 想把某个网站变成自己的客户端,实现自定义功能,比如注入 js 实现自动化操作。
- 网站广告太多?想把它隐藏起来,用无所不能的 js 来屏蔽它们吧。
- 需要使用 tauri2 打包,但是依赖环境太复杂,本地电脑硬盘不够用,就用 PakePlus
项目技术栈
| 层级 | 技术选型 |
|---|---|
| 底层核心框架 | Tauri 2 + Rust 语言,负责系统API调用、窗口管理、WebView渲染、跨平台能力 |
| 前端技术栈 | Vue 3 + TypeScript + Vite,实现可视化配置界面、交互逻辑和项目管理 |
| 样式方案 | TailwindCSS + Naive UI,构建响应式、现代化的操作界面 |
| 云端打包工作流 | GitHub Actions,自动化完成全平台编译、图标生成、资源优化、安装包构建 |
| 移动端原生框架 | Android(Kotlin + WebView封装)、iOS(Swift + WKWebView封装),实现原生性能 |
| 包管理工具 | pnpm,管理前端依赖;cargo,管理Rust依赖 |
本地快速启动
如果需要二次开发或本地定制功能,可以按照以下步骤部署本地开发环境:
1. 环境准备
- 基础依赖:Node.js 18+、pnpm 包管理器
- Rust环境:Rust 1.63+版本(Tauri2编译依赖)
- 系统依赖:Windows需安装WebView2 Runtime(Win11已内置)、macOS需安装Xcode命令行工具、Linux需安装webkit2gtk等系统库 安装Rust命令(macOS/Linux):
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
# 添加wasm编译目标
rustup target add wasm32-unknown-unknown
- 安装Node依赖管理:
npm install -g pnpm
2. 拉取代码安装依赖
# 克隆项目仓库
git clone https://github.com/Sjj1024/PakePlus.git
cd PakePlus
# 安装前端依赖
pnpm install
# 安装Tauri CLI
pnpm add -D @tauri-apps/cli
3. 启动开发模式
# 启动带热重载的桌面开发环境
pnpm run tauri:dev
启动后会自动打开PakePlus桌面应用,修改前端代码会自动热刷新,修改Rust代码会自动重编译重启,支持完整的调试功能。
4. 本地构建打包
# 构建生产版本前端代码
pnpm run build
# 生成本机平台的安装包
pnpm run tauri:build
构建完成后,安装包会输出到src-tauri/target/release/bundle目录下,可直接分发使用。
项目代码仓库地址
项目代码仓库地址: https://github.com/Sjj1024/PakePlus
评论区