Calling Rust From Tauri Frontend

Calling Rust from Tauri Frontend

This skill covers how to call Rust backend functions from your Tauri v2 frontend using the command system and invoke function.

Overview

Tauri provides two IPC mechanisms:

• Commands (recommended): Type-safe function calls with serialized arguments/return values
• Events: Dynamic, one-way communication (not covered here)

Basic Commands

Defining a Command in Rust

Use the #[tauri::command] attribute macro:

// src-tauri/src/lib.rs
#[tauri::command]
fn greet(name: String) -> String {
    format!("Hello, {}!", name)
}

Registering Commands

Commands must be registered with the invoke handler:

#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![greet, login, fetch_data])
        .run(tauri::generate_context!())
        .expect("error while running tauri application")
}

Invoking from JavaScript/TypeScript

import { invoke } from '@tauri-apps/api/core';

const greeting = await invoke('greet', { name: 'World' });
console.log(greeting); // "Hello, World!"