Skip to content
📈0️⃣

创建一个应用程序

创建一个完整的基本 Tauri 应用程序需要一些步骤,包括安装 Tauri CLI、初始化 Tauri 项目、编写代码和运行应用程序。以下是一个简单的示例:

  1. 首先,确保你已经安装了 Rust 和 Node.js,并按照 Tauri 的文档安装了 Tauri CLI。

  2. 使用 Tauri CLI 初始化一个新项目:

bash
tauri init my-tauri-app
cd my-tauri-app
  1. 编辑 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);
    }
}
  1. 编辑 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");
}
  1. 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>
  1. src-tauri/src-tauri/main.js 中编写 JavaScript 代码,调用刚刚定义的命令:
javascript
window.__TAURI__.invoke("say_hello").then((response) => {
  document.getElementById("message").innerText = response;
});
  1. 最后,在根目录下运行应用程序:
bash
tauri dev

通过以上步骤,你可以创建并运行一个简单的 Tauri 应用程序。这个示例展示了如何使用 Rust 和 Web 技术结合起来构建一个 Tauri 应用程序,实现了一个简单的交互功能。你可以根据自己的需求对应用程序进行扩展和定制。