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. 在後台發訊息「 桌面套用 」即可獲取。