返回

Tauri 开发入门:从零开始打造 Windows 平台应用

前端

前言

Tauri 是一个令人惊叹的 Rust 框架,它允许开发人员利用 Rust 的强大功能和 WebView 的跨平台优势来构建桌面应用程序。它将 Rust 的安全性、可靠性和性能与 Web 技术的灵活性相结合,让开发人员可以创建功能强大且美观的用户界面。

在本文中,我们将踏上一段激动人心的旅程,从零开始学习如何使用 Tauri 在 Windows 平台上开发和打包应用程序。我们将涵盖安装、开发环境配置、应用程序结构、打包和发布过程,并沿途提供有用的提示和示例代码。无论您是 Rust 新手还是经验丰富的开发人员,本指南都将为您提供在 Windows 上使用 Tauri 构建应用程序所需的一切知识。

安装

要开始使用 Tauri,您需要在系统上安装 Rust 和 Tauri。

Rust 安装

  1. 访问 Rust 官网
  2. 单击“下载”按钮并选择与您的操作系统对应的安装程序。
  3. 按照安装向导完成 Rust 的安装。

Tauri 安装

  1. 确保您已安装 Rust。
  2. 在终端中运行以下命令:
cargo install tauri-cli

这将安装 Tauri 命令行界面 (CLI) 工具。

开发环境配置

创建新项目

使用 Tauri CLI 创建一个新项目:

tauri new my_tauri_app

这将在名为 my_tauri_app 的目录中创建一个新的 Tauri 项目。

项目结构

新项目包含以下目录和文件:

  • src/: 应用程序源代码。
  • src/main.rs: 应用程序的入口点。
  • tauri.conf.json: Tauri 配置文件。

编写 Tauri 应用程序

main.rs

main.rs 是应用程序的入口点。它包含以下代码:

fn main() {
    tauri::Builder::default()
        .run(tauri::generate_context!())
        .expect("failed to run app");
}

此代码创建了一个新的 Tauri 应用程序并运行它。

创建窗口

要创建窗口,请在 main.rs 中添加以下代码:

fn main() {
    tauri::Builder::default()
        .run(tauri::generate_context!())
        .expect("failed to run app");

    tauri::api::window::create_window(
        "main",
        "My Tauri App",
        tauri::window::WindowUrl::App("index.html"),
    )
    .expect("failed to create window");
}

此代码创建一个名为 “main” 的窗口,加载 index.html 作为窗口的内容。

添加 Web 内容

src 目录中创建一个名为 index.html 的文件,并添加以下代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  
</head>
<body>
  <h1>Hello from Tauri!</h1>
</body>
</html>

此代码创建一个简单的 HTML 页面,其中包含 “Hello from Tauri!” 标题。

构建和运行

要构建并运行应用程序,请在项目目录中运行以下命令:

cargo tauri build

这将构建应用程序并创建一个名为 my_tauri_app.exe 的可执行文件。

要运行应用程序,请双击 my_tauri_app.exe 文件。

打包为 exe

要将应用程序打包为 exe,请在项目目录中运行以下命令:

cargo tauri build --release

这将构建应用程序并创建一个名为 my_tauri_app-release.exe 的可执行文件。

此可执行文件可以分发给用户,无需安装 Rust 或 Tauri。

结论

恭喜您!您已经成功创建、构建和打包了一个 Tauri 应用程序。现在,您可以进一步探索 Tauri 的功能,例如与系统集成、消息传递和文件管理。通过将 Rust 的强大功能与 Web 技术的灵活性相结合,您可以使用 Tauri 构建功能强大且引人注目的 Windows 桌面应用程序。