Tauri 進(jìn)階使用與實(shí)踐指南

調(diào)試技術(shù)

在 Tauri 應(yīng)用開發(fā)中，調(diào)試分為兩大部分：Web 端與 Rust 控制臺。

Web 端調(diào)試

在 Web 端界面，可以直接采用瀏覽器內(nèi)置的開發(fā)者工具進(jìn)行調(diào)試。在 Windows 上，可以通過快捷鍵 Ctrl + Shift + i 打開調(diào)試器；而在 macOS 上，則是通過 Command + Option + i 快捷鍵啟動。

Rust 控制臺調(diào)試

Rust 代碼中的調(diào)試主要依靠 println! 宏來進(jìn)行輸出，例如：

println!("Message from Rust: {}", msg);

當(dāng)遇到 Tauri 應(yīng)用崩潰時，開啟 Rust 調(diào)試堆棧跟蹤有助于定位問題。在 Linux 和 macOS 上，執(zhí)行如下命令啟用堆棧跟蹤：

RUST_BACKTRACE=1 tauri dev

而對于 Windows 用戶，應(yīng)在命令行中先設(shè)置環(huán)境變量再運(yùn)行 Tauri：

set RUST_BACKTRACE=1
tauri dev

Tauri 與 Web 端的通信機(jī)制

Rust 端

在 /src-tauri/src/main.rs 文件中定義 Rust 端邏輯。通過 #[tauri::command] 注解聲明一個可被 Web 端調(diào)用的函數(shù)：

// 創(chuàng)建一個名為 my_custom_command 的方法，接受字符串參數(shù)并返回一個字符串
#[tauri::command]
fn my_custom_command(_str: String) -> String {let _res_str = format!("接受參數(shù)為: {}", _str);_res_str
}fn main() {tauri::Builder::default().invoke_handler(tauri::generate_handler![greet, my_custom_command]) // 多個命令以逗號分隔.run(tauri::generate_context!()).expect("運(yùn)行 Tauri 應(yīng)用時出錯");
}

Web 端

在前端 JavaScript 或 TypeScript 中，通過 @tauri-apps/api 導(dǎo)入 invoke 函數(shù)以調(diào)用 Rust 端定義的命令：

import { invoke } from "@tauri-apps/api/tauri";const clickEvent = async () => {let str = 'web字符串';let res = await invoke("my_custom_command", { str });console.log(res, "===str===");
};

窗口菜單定制

創(chuàng)建和添加菜單

在 /src-tauri/src/main.rs 中，Tauri 提供了豐富的 API 來創(chuàng)建和管理本機(jī)窗口菜單。

首先導(dǎo)入所需類型：

use tauri::{CustomMenuItem, Menu, MenuItem, Submenu};

接下來實(shí)例化菜單項(xiàng)和子菜單：

let quit = CustomMenuItem::new("caidan11".to_string(), "菜單1-1");
let close = CustomMenuItem::new("caidan12".to_string(), "菜單1-2");
let submenu = Submenu::new("菜單1", Menu::new().add_item(quit).add_item(close));let menu = Menu::new().add_native_item(MenuItem::Copy) // 添加本機(jī)菜單項(xiàng)（如復(fù)制）.add_item(CustomMenuItem::new("caidan2", "菜單2")) // 添加自定義菜單項(xiàng).add_submenu(submenu); // 添加帶有子菜單的條目

然后，在 main 函數(shù)中將菜單添加至全局，并監(jiān)聽菜單點(diǎn)擊事件：

fn main() {// ... 菜單項(xiàng)初始化 ...tauri::Builder::default().menu(menu) // 將菜單添加至所有窗口.on_menu_event(|event| {match event.menu_item_id() {"caidan2" => println!("event caidan2"),"caidan11" => println!("event caidan11"),"caidan12" => println!("event caidan12"),_ => {}}})// ... 其他配置 ...
}

Tauri 2.0 展望

隨著 Tauri 框架的持續(xù)演進(jìn)，未來的 Tauri 2.0 版本預(yù)計(jì)將帶來更多強(qiáng)大的功能和更完善的開發(fā)者體驗(yàn)。通過上述進(jìn)階示例，我們已經(jīng)展示了如何進(jìn)行跨語言通信、調(diào)試和自定義窗口菜單。期待 Tauri 2.0 在保持輕量化的同時，進(jìn)一步提高性能，增加跨平臺一致性，并強(qiáng)化與現(xiàn)代 Web 技術(shù)的融合，為桌面應(yīng)用開發(fā)帶來更多的可能性和便利性。