目 录CONTENT

文章目录

推荐一个可以将web应用打包成手机APP和桌面软件的开源项目

ByteNews
2026-05-07 / 0 评论 / 1 点赞 / 3170 阅读 / 0 字 / 正在检测是否收录...

推荐一个可以将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

1
广告 广告

评论区