Как вывести строку с Rust в HTML с помощью Tauri?

Для вывода строки с Rust в HTML с использованием фреймворка Tauri, вам потребуется создать простое веб-приложение, которое будет взаимодействовать с вашим Rust-кодом. Вот пример шагов, которые вы можете выполнить для достижения этой цели:

1. Создайте новый проект Tauri, используя инструмент командной строки tauri-cli. Убедитесь, что у вас установлен Node.js и npm, а затем выполните следующую команду в вашем терминале:

npm init tauri-app my-app
cd my-app

2. Откройте ваш Rust-код и добавьте необходимую функцию для возврата строки. Например, создайте новый файл с именем main.rs и добавьте следующий код:

#[tauri::command]
fn get_string() -> String {
    "Hello from Rust!".to_string()
}

3. Создайте HTML-страницу, на которой будет отображаться строка из Rust. Создайте новый файл с именем index.html и добавьте следующий код:

 
 
 
    <title>Tauri App</title>
 
 
    <div id="output"></div>
 
 
        async function getString() {
            const response = await window.__TAURI__.invoke('get_string');
            document.getElementById('output').innerText = response;
        }
 
        getString();

4. Обновите ваш файл tauri.conf.json, чтобы зарегистрировать вашу функцию Rust как команду Tauri. Добавьте следующую конфигурацию:

{
    "tauri": {
        "embeddedServer": {
            "active": true
        },
        "cli": {
            "build": {
                "devPath": "http://localhost:4000"
            }
        },
        "bundle": {
            "identifier": "com.example.myapp"
        },
        "allowlist": {
            "all": true
        }
    }
}

5. Соберите и запустите ваше приложение Tauri, выполнив следующие команды:

npm install
npm run tauri dev

После выполнения этих шагов вы увидите строку "Hello from Rust!" отображенную на вашей HTML-странице. Теперь вы можете легко интегрировать Rust-код в ваше веб-приложение с помощью фреймворка Tauri.