创建一个应用程序
创建一个完整的基本 Tauri 应用程序需要一些步骤,包括安装 Tauri CLI、初始化 Tauri 项目、编写代码和运行应用程序。以下是一个简单的示例:
首先,确保你已经安装了 Rust 和 Node.js,并按照 Tauri 的文档安装了 Tauri CLI。
使用 Tauri CLI 初始化一个新项目:
bash
tauri init my-tauri-app
cd my-tauri-app
- 编辑
src-tauri/src/main.rs
文件,添加如下内容:
rust
fn setup() -> Result<(), String> {
// 初始化 Tauri 应用程序
tauri::Builder::default()
.run(tauri::generate_context!())
.expect("error while running tauri application");
Ok(())
}
fn main() {
if let Err(e) = setup() {
eprintln!("{:?}", e);
}
}
- 编辑
src-tauri/src/cli.rs
文件,添加如下内容:
rust
use tauri::{Command, Event};
#[tauri::command]
fn say_hello() -> String {
"Hello, Tauri!".to_string()
}
fn main() {
tauri::Builder::default()
.invoke_handler(tauri::generate_handler![say_hello])
.run(tauri::generate_context!())
.expect("error while running tauri application");
}
- 在
src-tauri/src-tauri/index.html
中添加一个简单的 HTML 页面:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Tauri App</title>
</head>
<body>
<h1 id="message"></h1>
</body>
</html>
- 在
src-tauri/src-tauri/main.js
中编写 JavaScript 代码,调用刚刚定义的命令:
javascript
window.__TAURI__.invoke("say_hello").then((response) => {
document.getElementById("message").innerText = response;
});
- 最后,在根目录下运行应用程序:
bash
tauri dev
通过以上步骤,你可以创建并运行一个简单的 Tauri 应用程序。这个示例展示了如何使用 Rust 和 Web 技术结合起来构建一个 Tauri 应用程序,实现了一个简单的交互功能。你可以根据自己的需求对应用程序进行扩展和定制。