Skip to content

🤱🻠A simple way to make any web page a desktop application using Rust. 🤱🻠很简å•的用 Rust 打包网页生æˆå¾ˆå°çš„æ¡Œé¢ App

License

tw93/Pake

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Nov 9, 2022

中文 | English

Pake

很简å•的用 Rust 打包网页生æˆå¾ˆå°çš„æ¡Œé¢ Appï¼Œæ”¯æŒ Mac / Windows / Linux 系统,常用包下载ã€å‘½ä»¤è¡Œä¸€é”®æ‰“包ã€å®šåˆ¶å¼€å‘ å¯è§ä¸‹é¢æ–‡æ¡£ï¼Œä¹Ÿæ¬¢è¿ŽåŽ» 讨论区 交æµã€‚

特å¾

🂠å°ï¼šç›¸æ¯”ä¼?统的 Electron 套壳打包,è¦å°å°†è¿‘ 40 å€ï¼Œä¸åˆ° 3M
😂 快:Pake 的底层使用的 Rust Tauri 框架,性能体验较 JS 框架è¦è½»å¿«ä¸å°‘,内存å°å¾ˆå¤š
🩴 ç‰¹ï¼šä¸æ˜¯å•纯打包,实现了快æ·é”®çš„é€ä¼?ã€æ²‰æµ¸å¼çš„窗å£ã€æ‹–åŠ¨ã€æ?·å¼æ”¹å†™ã€åŽ»å¹¿å‘Šã€äº§å“çš„æžç®€é£Žæ?¼å®šåˆ¶
ðŸ¶ çŽ©ï¼šåªæ˜¯ä¸€ä¸ªå¾ˆç®€å•çš„å°çŽ©å…·ï¼Œç”¨ Rust 替代之å‰å¥—å£³ç½‘é¡µæ‰“åŒ…çš„è€æ€è·¯ï¼Œå…¶å®ž PWA 也很好

下载

WeRead Mac Linux Windows Twitter Mac Linux Windows
ChatGPT Mac Linux Windows Qwerty Mac Linux Windows
Code Mac Linux Windows Reference Mac Linux Windows
YouTube Mac Linux Windows Flomo Mac Linux Windows

命令行打包



Pake æä¾›äº†å‘½ä»¤è¡Œå·¥å…·ï¼Œå¯ä»¥æ›´å¿«æ·æ–¹ä¾¿åœ°ä¸€é”®è‡ªå®šä¹‰æ‰“ä½?需è¦çš„包,详细å¯è§ 文档。

// 使用 npm 进行安装
npm install -g pake-cli

// 命令使用
pake url [options]

// éšä¾¿çŽ©çŽ©ï¼Œé¦–æ¬¡ç”±äºŽå®‰è£…çŽ¯å¢ƒä¼šæœ‰äº›æ…¢ï¼ŒåŽé¢å°±å¿«äº†
pake https://weekly.tw93.fun --name Weekly --transparent

å‡å¦‚ä½?ä¸å¤ªä¼šä½¿ç”¨å‘½ä»¤è¡Œï¼Œæˆ–许使用 GitHub Actions 在线编译多系统版本 是一个ä¸é”™çš„é€‰æ‹©ï¼Œå¯æŸ¥çœ‹æ–‡æ¡£ã€‚

å¿«æ·é”®

Mac Windows/Linux 功能
⌘ + [ Ctrl + ↠返回上一个页é¢
⌘ + ] Ctrl + → 去下一个页é¢
⌘ + ↑ Ctrl + ↑ 自动滚动到页é¢é¡¶éƒ¨
⌘ + ↓ Ctrl + ↓ 自动滚动到页é¢åº•部
⌘ + r Ctrl + r 刷新页é¢
⌘ + w Ctrl + w éšè—窗å£ï¼Œéžé€€å‡º
⌘ + - Ctrl + - 缩å°é¡µé¢
⌘ + + Ctrl + + 放大页é¢
⌘ + = Ctrl + = 放大页é¢
⌘ + 0 Ctrl + 0 é‡ç½®é¡µé¢ç¼©æ”¾

此外还支æŒåŒå‡»å¤´éƒ¨è¿›è¡Œå…¨å±åˆ‡æ¢ï¼Œæ‹–拽头部进行移动窗å£ï¼Œè¿˜æœ‰å…¶ä»–需求,欢迎æè¿‡æ¥ã€‚

自己开å‘

开始å‰è¯·ç¡®ä¿ç”µè„‘å·²ç»å®‰è£…了 Rust å’Œ Node 的环境,此外需å‚考 Tauri 文档 快速é…置好环境æ‰å¯ä»¥å¼€å§‹ä½¿ç”¨ï¼Œå‡å¦‚ä½?å¤ªä¸æ‡‚,请使用上é¢çš„命令行一键打包会更åŠ?åˆé€‚。

// 安装ä¾èµ–
npm i

// 调试
npm run dev

// 打包应用
npm run build

高级使用

  1. 修改 src-tauri 目录下的 tauri.conf.json 中的 urlã€productNameã€iconã€identifier è¿™ 4 个字段,其中 icon å¯ä»¥ä»Ž icons 目录选择一个,也å¯ä»¥åŽ» macOSicons 下载符åˆäº§å“åç§°çš„
  2. 关于窗å£å±žæ€§è®¾ç½®ï¼Œå¯ä»¥åœ¨ tauri.conf.json 修改 windows 属性对应的 width/height,是å¦å…¨å± fullscreen,是å¦å¯ä»¥è°ƒæ•´å¤§å° resizable,å‡å¦‚æƒ³é€‚é… Mac 沉浸å¼å¤´éƒ¨ï¼Œå¯ä»¥å°† transparent è®¾ç½®æˆ true,找到 Header å…ƒç´?åŠ?一个 padding-top æ?·å¼å³å¯ï¼Œä¸æƒ³é€‚é…æ”¹æˆ false 也行
  3. npm run dev 本地调试看看效果,此外å¯ä»¥ä½¿ç”¨ npm run dev:debug 进行容器调试,npm run build è¿è¡Œå³å¯æ‰“生产包
  4. 代ç?结构å¯ä»¥å‚考 文档,关于æ?·å¼æ”¹å†™ã€å±è”½å¹¿å‘Šã€é€»è¾‘代ç?注入ã€å®¹å™¨æ¶ˆæ¯é€šä¿¡ã€è‡ªå®šä¹‰å¿«æ·é”®å¯è§ Pake 的高级用法

å¼€å‘者

Pake çš„å‘展离ä¸å¼€è¿™äº› Hacker 们,一起贡献了大é‡èƒ½åŠ›ï¼Œä¹Ÿæ¬¢è¿Žå…³æ³¨ä»–ä»¬ â¤ï¸

tw93
Tw93
Tlntin
Tlntin
pan93412
Pan93412
wanghanzhen
Volare
essesoul
Essesoul
liby
Bryan Lee
m1911star
Horus
QingZ11
Steam
2nthony
2nthony
AielloChan
Aiello
nekomeowww
Ayaka Neko
houhoz
Hyzhao
liusishan
Liusishan
piaoyidage
Ranger

支æŒ

  1. 我有两åªçŒ«ï¼Œä¸€åªå«æ±¤åœ†ï¼Œä¸€åªå«å¯ä¹ï¼Œå‡å¦‚觉得 Pake 让ä½?生活更美好,å¯ä»¥ç»™æ±¤åœ†å¯ä¹ å–‚ç½å¤´ 🥩ðŸ¤ã€‚
  2. 如果ä½?喜欢 Pake,å¯ä»¥åœ¨ Github Star,更欢迎 推è ç»™ä½?å¿—åŒé“åˆçš„æœ‹å‹ä½¿ç”¨ã€‚
  3. å¯ä»¥å…³æ³¨æˆ‘çš„ Twitter 获å–到最新的 Pake 更新消æ¯ï¼Œä¹Ÿæ¬¢è¿ŽåŠ?å…¥ Telegram èŠå¤©ç¾¤ã€‚

最åŽ

  1. 希望大伙玩的过程中有一ç§å­¦ä¹?æ–°æŠ€æœ¯çš„å–œæ‚¦æ„Ÿï¼Œå¦‚æžœæœ‰æ–°ç‚¹å­æ¬¢è¿Žå‘Šè¯‰æˆ‘
  2. å‡å¦‚ä½?å‘现有很适åˆåšæˆæ¡Œé¢ App 的网页也很欢迎告诉我,我给åŠ?åˆ°é‡Œé¢æ¥

About

🤱🻠A simple way to make any web page a desktop application using Rust. 🤱🻠很简å•的用 Rust 打包网页生æˆå¾ˆå°çš„æ¡Œé¢ App

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Languages