Tauri 進階使用與實踐指南

調試技術

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

Web 端調試

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

Rust 控制臺調試

Rust 代碼中的調試主要依靠 println! 宏來進行輸出，例如：

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

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

RUST_BACKTRACE=1 tauri dev

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

set RUST_BACKTRACE=1
tauri dev

Tauri 與 Web 端的通信機制

Rust 端

在 /src-tauri/src/main.rs 文件中定義 Rust 端邏輯。通過 #[tauri::command] 注解聲明一個可被 Web 端調用的函數(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("運行 Tauri 應用時出錯");
}

Web 端

在前端 JavaScript 或 TypeScript 中，通過 @tauri-apps/api 導入 invoke 函數(shù)以調用 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)建和管理本機窗口菜單。

首先導入所需類型：

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

接下來實例化菜單項和子菜單：

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) // 添加本機菜單項（如復制）.add_item(CustomMenuItem::new("caidan2", "菜單2")) // 添加自定義菜單項.add_submenu(submenu); // 添加帶有子菜單的條目

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

fn main() {// ... 菜單項初始化 ...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ù)演進，未來的 Tauri 2.0 版本預計將帶來更多強大的功能和更完善的開發(fā)者體驗。通過上述進階示例，我們已經(jīng)展示了如何進行跨語言通信、調試和自定義窗口菜單。期待 Tauri 2.0 在保持輕量化的同時，進一步提高性能，增加跨平臺一致性，并強化與現(xiàn)代 Web 技術的融合，為桌面應用開發(fā)帶來更多的可能性和便利性。