Pakeplus：把网页打包成APP

项目地址：Sjj1024/PakePlus: 轻松将任意网站/Vue/React等项目构建为轻量级(小于5M)多端桌面应用和手机应用仅需几分钟

官方文档：PakePlus

项目介绍

PakePlus 是一个基于 Tauri2 和 Github 的打包工具，只需要一个 Github Token 就可以将任意网站/Vue/React 等项目的 dist 静态文件打包为跨平台桌面软件和手机软件，体积小巧(小于 5M)并且性能还高，而且 PakePlus 本身也才仅仅 8M 左右。

作者目前限制，仅可创建 1 个项目，每小时可发布一次！目前仅支持桌面端！

功能特性

不需要懂命令行和各种复杂配置，PakePLus 界面化操作只需要点点点即可完成打包任务，小学生来了都可以轻松上手

• 🎐 体积比 Electron 包小约 20 倍（小于 5M！），性能快 10 倍
• 🚀 基于 Rust Tauri，PakePlus 比基于 JS 的框架更轻量、更快
• 📦 内置丰富功能包——支持快捷方式、沉浸式窗口、极简自定义
• 👻 PakePlus 只是一个极简的软件，用 Tauri 替代旧的打包方式，支持跨平台桌面
• 📲 使用原生框架打包 Android 和 iOS APP，比 Tauri2 体积更小更快
• 🤗 UI 操作简单，不用在本地安装任何开发环境，省时省心省硬盘空间
• 🌹 不需要在本地安装任何复杂的依赖环境，使用 Github Action 云端自动打包
• 🧑‍🤝‍🧑 支持国际化，对全球用户都非常友好，并且会自动跟随你的电脑系统语言
• 💡 支持自定义 js 注入。你可以编写自己的 js 代码注入到页面中
• 🎨 ui 界面更美观更友好对新手更实用，使用更舒适，支持中文名称打包
• 📡 支持网页端直接使用，但是客户端功能更强大，更推荐客户端
• 🔐 数据安全，你的 token 仅保存在你本地，不会上传服务器，你的项目也都在你自己的 git 中安全存储
• 🍀 支持静态文件打包，将 Vue/React 等项目编译后的 dist 目录或者 index.html 丢进来即可成为客户端，何必是网站
• 🐞 支持 debug 调试模式，无论是预览阶段还是发布阶段，都可以找到 bug 并消灭 bug

支持环境

PakePLus 支持 arm 和 inter 架构的安装包，流行的程序安装包仅仅包含了 mac 的 arm(M 芯片)版本 和 windows 的 Inter（x64）版本 和 Linux 的 x64 版本，如果需要更多架构的安装包，请使用 PakePlus 单独编译自己需要的安装包。

软件截图

使用方法

获取github的token

点击 Settings 按钮，进入设置页面。

在左侧菜单中，点击 Developer settings 按钮，进入开发者设置页面。

在左侧菜单中，点击 Personal access tokens 按钮，进入个人访问令牌页面。

点击 Generate new token 按钮，进入生成新令牌页面。
github 提供两种 token 类型，任意一种都可以，点击下面链接直达:
Personal access tokens (classic) 或者
Fine-grained personal access tokens 。

Personal access tokens (classic) 获取操作：
只需要勾选下面三个权限就可以了：repo 和 workflow 和 user

然后将得到的 token 复制到 PakePlus 就可以了：

（两个token任选其一即可）

Fine-grained personal access tokens 获取操作：

Generate new token：添写一个 token 的名字，然后选择过期时间为不过期，描述随便写，然后选择 All repositories

配置权限：赋予红框标注的权限，Access 选择:  Read and write 

然后点击最底部的 Generate token 就可以拿到 token 了：

然后把 Token 复制到 PakePLus 里，就可以使用了：

测试 Token 打开 PakePlus，点击首页右上角的设置按钮，把token 复制进去，点击测试，提示 Token 可用说明成功了：

下载软件

官网传送门：点这里

创建项目

项目名称不能以数字开头，只能包含字母、数字、下划线、短横线，不能包含空格、中文、特殊字符。

项目配置

前面四个是必填项，后面的可以根据自己的需求来配置。APP 名称支持中文英文等，但是不支持空格。网站地址可以是本地地址，也可以是网络地址，但是必须是 http 或者 https 开头的地址，或者是你本地的 html 文件，以及 Vue/React 打包后的 dist 文件夹。软件唯一 id 是用来区分你的软件的，不能与其他项目重复。版本号是用来区分你的软件的版本的。

编译发布

PakePlus 暂时只支持桌面端，移动端也会很快支持。