初识 Tauri

1,010 阅读2分钟

Tauri 发明的目的是使用 Web 前端构建更小、更快、更安全的桌面应用程序,而且在未来有可能代替 Electron ,所以非常值得尝试。

安装 Tauri 依赖环境

在学习 Tauri 前需要安装 Tauri 开发依赖的系统环境。这些可直接到 Tauri 官网,按步骤下载安装即可。

根据 Tauri 官方文档的步骤安装完开发依赖后,在命令行终端执行以下命令,检查 rust 环境是否安装成功

# 检查rust版本
rustc --version

# 检查cargo版本
cargo --version

安装好 Tauri 依赖环境后,修改 rust 的 Cargo 源,如果不修改 Cargo 源,最后在打包的时候,可能会因为网络原因,导致应用打包失败。

b.png

如果读者使用的是 Windows 系统,则可进入自己的用户目录,然后找到 .cargo 文件夹,进入 .cargo 文件夹,然后创建 config 文件(如果已经存在 config 文件则不需要创建)。

然后在 config 文件添加镜像源:

[source.crates-io]
registry = "https://github.com/rust-lang/crates.io-index"

# 替换成你偏好的镜像源
replace-with = 'sjtu'

# 清华大学
#[source.tuna]
#registry = "https://mirrors.tuna.tsinghua.edu.cn/git/crates.io-index.git"

# 中国科学技术大学
#[source.ustc]
#registry = "git://mirrors.ustc.edu.cn/crates.io-index"

# 上海交通大学
[source.sjtu]
registry = "https://mirrors.sjtug.sjtu.edu.cn/git/crates.io-index"

# rustcc社区
#[source.rustcc]
#registry = "git://crates.rustcc.cn/crates.io-index"

最后需要注意的是 config 文件要以 utf-8 的编码格式保存,否则后面使用 cargo 安装依赖的时候会报错。

Your First Tauri App

安装完 Tauri 依赖的系统环境后,可以运行 yarn create tauri-app 命令,然后选择自己喜欢的脚手架来初始化项目。

由于笔者本人比较喜欢 React ,所以选择 create-react-app 来初始化项目。

a.png

初始化完项目后,需要安装 tauri-bundler

cargo install tauri-bundler --force

tauri-bundler 可将 rust 可执行文件包装在 Tauri 的特定于操作系统的应用程序包中。

安装完 tauri-bundler 后运行本地调试命令:

yarn tauri dev

运行成功后,会在 src-tauri\target\debug 下生成一个 app.exe 的可执行文件。

点击这个 app.exe 文件,即可预览自己当前的客户端:

1.png

运行打包命令:

yarn tauri build

打包命令运行成功后,会在 src-tauri\target\release 目录下生成一个 tauri-app.exe 的可执行文件

查看该执行文件的大小,仅 6.39M ,确实很小。

3.png

同时在 src-tauri\target\release\bundle 目录下会生成一个当前系统环境的安装包

2.png

笔者的 demo 地址:

github.com/frank201113…

参考

  1. tauri打包桌面应用步骤及配置详解--windows完美打包&mac完美打包

  2. 使用 Tauri+React+Tailwind 打造一款简单的Mac工具

  3. 扔掉 Electron,拥抱基于 Rust 开发的 Tauri

  4. Tauri安装中碰到的坑