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

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

导语

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

热门案例

WeRead推特

ChatGPTYouTube小红书

在开始之前

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. --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. 在后台发消息「桌面应用」即可获取。