banner
Geek

Geek

🧠在家居士 | 🥦素食者 | 🏃🏻马拉松爱好者 | 📡AI降临派 | 过🪜技术资深学者 | 🤖科技狂 | 📤更新狂🆅 https://www.igeekbb.com/
twitter
github

使用 Rust 命令行一鍵打包網頁生成桌面應用程式

名稱專案地址
Pakehttps://github.com/tw93/Pake

支援 Mac / Windows / Linux,關於 常用包下載命令行一鍵打包定制開發 可見下面文件,也歡迎去 討論區 交流。

特徵#

🎐 相比傳統的 Electron 套殼打包,要小將近 20 倍,5M 上下。
🚀 Pake 的底層使用的 Rust Tauri 框架,性能體驗較 JS 框架要輕快不少,內存小很多。
📦 不是單純打包,實現了快捷鍵的透傳、沉浸式的窗口、拖動、樣式改寫、去廣告、產品的極簡風格定制。
👻 只是一個很簡單的小玩具,用 Rust 替代之前套殼網頁打包的老思路,其實 PWA 也很好。

打包 xLog 個人主頁#

創建虛擬環境:#

python3 -m venv myenv

啟用虛擬環境:#

source myenv/bin/activate

使用 npm 進行安裝#

npm install -g pake-cli

CleanShot 2023-04-23 at 19.42.50 2@2x

查找 Pake 安裝路徑#

npm bin -g

CleanShot 2023-04-23 at 20.06.29@2x

編輯配置文件#

nano ~/.bash_profile

添加 PATH 環境變量#

在文件末尾添加以下行:(地址可能不一)

export PATH=$PATH:/Users/geek/.npm-packages/bin

CleanShot 2023-04-23 at 20.08.33@2x

按下 Ctrl 鍵和 X 鍵,然後 Y,保存退出。

重新加載 Bash 配置文件#

source ~/.bash_profile

生成桌面應用#

就用我的 xLog 主頁小試 (第一次運行很慢,後面就好了)

pake https://x.geekbb.ml --name Geek --transparent

*如遇見 rustc 錯誤請看最後

CleanShot 2023-04-23 at 20.32.51@2x

CleanShot 2023-04-23 at 20.33.45@2x

效果圖#

GIF加載中……
CleanShot 2023-04-23 at 21.26.04 2


不過默認圖標也是醉了,隨便找一個 JPG 轉 ICNS 網站

👉JPG 轉 ICNS - 在線轉換圖像文件 (aconvert.com)

  • MacOS 下必須為 .icns
  • Windows 下必須為 .ico
  • Linux 下必須為 .png

換默認圖標#

後面加: --icon <path>

pake https://x.geekbb.ml --name Geek --transparent --icon /Users/geek/Documents/123/Geek.icns

CleanShot 2023-04-23 at 21.47.15@2x


打包 Chatbot UI#

Chatbot UI 部署在本地,正好可以打包,免得每次輸入網址

pake http://192.168.2.100:3000 --name Chatbot --transparent --icon /Users/geek/Documents/123/chatgpt.icns

效果圖#

GIF加載中……
CleanShot 2023-04-23 at 22.01.06 2


如果遇見 zsh: command not found: rustc 錯誤👇

  • 打開終端並依次執行以下命令:
curl --proto '=https' --tlsv 1.2 -sSf https://sh.rustup.rs | sh
  • 打開終端,輸入以下命令打開終端的配置文件:
nano ~/.zshrc
  • 在打開的文件末尾添加以下代碼:
export PATH="$HOME/.cargo/bin:$PATH"
  1. 這個命令將 $HOME/.cargo/bin 添加到 PATH 環境變量中。

  2. 按下 Control + X,然後按下 Y 保存更改並退出。

  3. 輸入以下命令更新終端的配置文件:

source ~/.zshrc

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。