Tauri 开发桌面端简介

Tauri 是一个为所有主流桌面和移动平台构建微小、快速二进制文件的框架。开发人员可以集成任何可编译为 HTML、JavaScript 和 CSS 的前端框架来构建用户体验，同时在需要时利用 Rust、Swift 和 Kotlin 等语言来构建后端逻辑。

Tauri 相较于 Electron 有三大优势：

构建应用程序的安全基础。
通过使用系统的本地网络视图，减少软件包大小。
开发人员可灵活使用任何前端和多语言绑定。

1. 项目初始化

javascript 复制代码

pnpm create tauri-app

启动项目：

javascript 复制代码

pnpm tauri dev

2. 项目工程架构

以下是 Tauri 2.x 项目的典型文件夹和文件结构说明：

javascript 复制代码

my-app/
├── src/
│   ├── main.rs          # Rust 入口文件，后端逻辑
│   ├── tauri.conf.json  # Tauri 配置文件
│   ├── [前端代码]       # 前端代码文件夹
│   │   ├── index.html   # 主 HTML 文件
│   │   ├── main.js      # 主 JavaScript 文件
│   │   ├── [组件文件夹]  # 前端组件文件
│   │   └── [样式文件夹]  # CSS/SCSS 文件
├── src-tauri/
│   ├── Cargo.toml       # Rust 项目配置
│   ├── build.rs         # 自定义构建脚本
│   └── [插件文件夹]      # 插件代码文件
├── assets/
│   ├── icon.png         # 应用图标
│   └── [其他资源文件]    # 其他静态资源
├── target/              # 构建生成的文件输出目录
├── .env                 # 环境变量配置
├── .gitignore           # Git 忽略文件
├── README.md            # 项目说明文件
└── package.json         # 前端依赖管理

文件和文件夹说明：

src/：主要的源代码目录，包含前端和后端代码。
- main.rs：后端入口文件，包含 Tauri 应用的主要逻辑和 API。
- tauri.conf.json：应用的配置文件，包括窗口属性、菜单设置等。
- $前端代码$ ：放置前端相关代码的文件夹，可以是任何前端框架。
src-tauri/：后端代码目录，专门用于 Rust 代码。
- Cargo.toml：Rust 项目的配置文件，用于管理依赖。
- build.rs：自定义构建逻辑的 Rust 文件。
assets/：包含应用的静态资源，如图标、图片等。
target/：构建生成的文件输出目录，通常不需要手动操作。
.env：存放环境变量的配置文件，便于在开发和生产环境中管理不同的配置。
.gitignore：指定 Git 在版本控制中忽略的文件和文件夹。
README.md：项目的说明文档，通常包含项目介绍、安装和使用指南。
package.json：前端依赖的管理文件，适用于 npm 或 yarn。

Tauri 开发桌面端简介

1. 项目初始化

2. 项目工程架构

3. Tauri 2.x 架构示意图

4. Electron vs Tauri 2.x