介绍
Pake 是一个开源的桌面应用构建工具,它使用 Rust 和 Tauri 技术,可以将网页转换为轻量级的桌面应用。这个工具支持多种操作系统,包括 Mac、Windows 和 Linux,与electron一样,但是pake打包体积小、启动更快。目前git上23.2k星,可以值得一试。项目地址PAKE
简单尝试
windows环境
1. Microsoft Visual Studio C++ 生成工具
需要安装 Microsoft C++ 生成工具。 最简单的方法是下载 Visual Studio 2022 生成工具。 进行安装选择时,请勾选 "C++ 生成工具" 和 Windows 10 SDK。
2. WebView2
Tauri 需要 WebView2 才能在 Windows 上呈现网页内容,所以您必须先安装 WebView2。 最简单的方法是从微软网站下载和运行常青版引导程序。
安装脚本会自动为您下载适合您架构的版本。 不过,如果您遇到问题 (特别是 Windows on ARM),您可以自己手动选择正确版本。
3. Rust
在PowerShell 中使用 winget 命令安装程序
winget install --id Rustlang.Rustup
到这里基本的环境都安装好了,下面要开始使用了。
创建前端项目 以vite为例
官方文档推荐使用 create-tauri-app
脚手架来创建 Tauri 项目,它支持原生 HMTL/CSS/Javascript,也支持其他前端框架,如 React、Vue、Svelte。文档推荐使用 Vite 来构建前端应用。
pnpm create tauri-app
这里先确定后面可以选择pnpm
选择vue
依次执行命令
执行到pnpm tauri dev 时时间回久一些,初次运行需要等待依赖加载,之后再运行会快些
运行成功,一个简单的桌面应用框架好了,现在可以按照需求开发了
tauri项目结构
项目创建完成之后,进入项目目录,来看下它的结构。
其实就是在一个 Vite 脚手架创建的 Vue 项目中,又插入了一个 Rust 后端程序。
Vue 部分的不用多说了,来看下 Rust 部分的:
- src-tauri/src:这里写 Rust 代码。
- src-tauri/target:这里存放了 tauri 应用编译构建时的代码
- src-tauri/Cargo.toml:相当于前端项目中的 package.json,是 rust 项目的包文件信息
- src-tauri/tauri.conf.json:Tauri 应用的配置文件,可以设置应用名称,打包环境,打包命令等等信息。
以上是自定义开发流程,可定制化的,当然还有更加简单的方式,就是相当于把某个地址直接包装成应用程序。
快捷创建桌面应用
//安装pack脚手架
npm install pake-cli -g
//运行命令
pake url (需要打包的路径) 可以用命令配置参数
//举例运行
pake https://www.baidu --name baidu
//运行 pake -h 查看更多参数配置
--name <string> 名称
--icon <string> 图标(默认值:“”)
--width <number> 窗口宽度(默认值:1200)
--height <number> 窗口高度(默认值:780)
--use-local-file 使用本地文件使用本地文件打包(默认值:false)
--fullscreen 全屏全屏启动(默认值:false)
--hide-title-bar 仅适用于Mac,隐藏标题栏(默认值:false)
--activation-shortcut <string> 活动应用程序的快捷键(默认值:“”)
--multi-arch 仅适用于Mac,同时支持Intel和M1(默认值:false)
--inject [injects...] 注入.js或.css文件(默认值:[])
--debug 调试生成和更多输出(默认值:false)
-v, --version 版本
-h, --help 帮助
详细可查看开源文档
非特殊说明,本博所有文章均为博主原创。