23.4K Star，轻松将任何网页变成桌面应用程序

Hi，骚年，我是大 G，公众号「 GitHub 指北 」会推荐 GitHub 上有趣有用的项目，一分钟 get 一个优秀的开源项目，挖掘开源的价值，欢迎关注。

导语

今天推荐一个可以将各种网页快速打包成桌面应用程序，支持 Mac、Windows 和 Linux。相比 Electron，Pake 更加小巧易用，速度更快，并且实现了通用的快捷键透传、沉浸式窗口、拖动、打包样式兼容等特性。对于需要将网页应用打包成桌面应用的开发者来说，Pake 提供了一个方便、高效的开源工具。

热门案例

WeRead 推特

ChatGPT YouTube 小红书

在开始之前

1. 对于初学者 ：使用流行的包来了解 Pake 的功能，或者尝试使用 GitHub Actions 打包您的应用程序。请随时在 讨论 中寻求帮助！

2. 对于开发人员 ：「命令行打包」完全支持 macOS。对于 Windows/Linux 用户，它需要一些修补。在开始之前 配置您的环境。

3. 对于黑客 ：对于既擅长前端开发又擅长 Rust 的人来说，通过下面的 定制开发 来更多地定制你的应用程序功能怎么样？

命令行打包

Pake 提供了一个命令行工具，使包定制流程更快、更轻松。请参阅 文档 了解更多信息。

# Install with npm
npm install -g pake-cli
# Command usage
pake url [OPTIONS]...
# Feel free to play with Pake! It might take a while to prepare the environment the first time you launch Pake.
pake https://weekly.tw93.fun --name Weekly --hide-title-bar


如果您不熟悉命令行，可以使用* GitHub Actions *在线编译包。请参阅 教程 以获取更多信息。

发展

开始之前准备好环境。确保您的计算机上安装了 Rust >=1.63 和 Node >=16 （例如）。 16.18.1 有关安装指南，请参阅 Tauri 文档。

如果你对这些不熟悉，最好尝试一下上面的工具一键打包。

# Install Dependencies
npm i
# Local development [Right-click to open debug mode.]
npm run dev
# Pack application
npm run build


高级用法

1. 在使用 Pake 之前，您可以参考 代码库结构，这对您的开发有很大帮助。

2. 修改 src-tauri 目录下文件中的 url 和 productName 字段 pake.json ，需要同步修改文件中的「domain」字段 tauri.config.json ，以及文件中的 icon 和字段。您可以从目录中选择一个或从 macOSicons 下载一个以满足您的产品需求。 identifier``tauri.xxx.conf.json``icon``icons

3. 对于窗口属性的配置，可以通过修改文件来改变属性的、（或不） 、（或不）的 pake.json 值。要适应 Mac 上的沉浸式标题，请更改为，查找该元素，然后添加该属性。 width``height``fullscreen``resizable``windows``hideTitleBar``true``Header``padding-top

4. 样式重写、广告去除、JS 注入、容器消息通信、自定义快捷键等高级用法，请参见 Pake 的高级用法。

源码地址

1. 点击下方的公众号；

2. 在后台发消息「 桌面应用 」即可获取。