Tauri 提供界面 + 使用 Rust 实现连接远程 Linux 服务器、发送文件、执行命令

一、Tauri 概述

Tauri 是一个用于构建跨平台桌面应用程序的工具和框架。它的目标是通过将 Web 技术与本地功能结合，使开发者能够以简单、高效的方式创建现代的桌面应用。

以下是 Tauri 的一些主要特点和概述：

1. 跨平台支持：Tauri 允许你构建跨平台的桌面应用程序，它支持 Windows、macOS 和 Linux 等常见的操作系统。你可以使用一套代码库在多个平台上构建应用程序。
2. 基于 Web 技术：Tauri 使用 Web 技术作为应用程序的前端开发语言。你可以使用 HTML、CSS 和 JavaScript（或其他 Web 前端框架）来构建应用程序的用户界面。
3. 原生功能访问：Tauri 提供了访问原生功能的接口，让你可以从前端代码中直接调用本地操作系统的功能，如文件系统、网络、系统通知等。这样，你可以创建出与本地应用程序类似的功能和体验。
4. 嵌入式 Web 渲染引擎：Tauri 使用嵌入式的 Web 渲染引擎（如 WebView 或 WebKitGTK）来渲染应用程序的界面。这使得应用程序可以直接在桌面环境中运行，而无需依赖外部的浏览器。
5. 丰富的生态系统：Tauri 生态系统提供了许多有用的功能和库，如打包工具、插件系统、前端构建工具等，以便于应用程序的开发和部署。
6. 灵活的扩展性：Tauri 允许你通过使用 Rust 和 JavaScript 进行扩展，从而实现更复杂的功能。你可以编写原生 Rust 代码来访问底层的系统功能，并使用 JavaScript 与前端代码进行交互。

总的来说，Tauri 提供了一个快速、简单的方式来开发跨平台的桌面应用程序。通过结合 Web 技术和原生功能，你可以创建出功能丰富、具有优秀用户体验的桌面应用。无论是构建独立的应用程序，还是将现有的 Web 应用转化为桌面应用，Tauri 都是一个强大的选择。

二、界面预览

三、代码参考

1、main.rs

// Prevents additional console window on Windows in release, DO NOT REMOVE!!
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
#![allow(unused_assignments)] // 禁用未使用赋值的警告use std::io::{Read, Write};
use std::path::Path;
use ssh2::Session;// Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
#[tauri::command]
fn go(ip_with_port: &str, username: &str, password: &str, local_file_path: &str, target_file_path: &str, command: &str) {publish(ip_with_port, username, password, local_file_path, target_file_path, command)
}fn main() {tauri::Builder::default().invoke_handler(tauri::generate_handler![go]).run(tauri::generate_context!()).expect("error while running tauri application");
}const PROGRESS_UPDATE_INTERVAL: usize = 1024 * 1024; // 每传输 1MB 打印一次进度信息// 发布
fn publish(ip_with_port: &str, username: &str, password: &str, local_file_path: &str, target_file_path: &str, command: &str) {// 连接远程服务器let tcp = std::net::TcpStream::connect(ip_with_port).unwrap(); // 连接到远程服务器let mut sess = Session::new().unwrap(); // 创建一个新的会话sess.set_tcp_stream(tcp); // 设置会话的 TCP 流sess.handshake().unwrap(); // 进行握手sess.userauth_password(username, password).unwrap(); // 使用用户名和密码进行身份验证// 传输文件let file_size = get_file_size(local_file_path); // 获取文件大小let mut channel = sess.scp_send(Path::new(target_file_path), 0o644, file_size, None).unwrap(); // 创建一个新的 SCP 通道let mut file = std::fs::File::open(local_file_path).unwrap(); // 打开本地文件let mut buffer = Vec::new(); // 创建一个空的字节向量file.read_to_end(&mut buffer).unwrap(); // 读取文件内容let mut total_bytes_sent = 0; // 已发送的总字节数let mut total_mb = (file_size as f64) / (1024.0 * 1024.0); // 文件总大小（MB）total_mb = (total_mb * 100.0).round() / 100.0; // 保留2位小数let mut transferred_mb = 0.0; // 已传输的文件大小（MB）// 记录已发送文件的大小let mut bytes_sent = 0; // 已发送的字节数for (i, chunk) in buffer.chunks(PROGRESS_UPDATE_INTERVAL).enumerate() { // 循环发送文件内容// 循环发送，发完为止！while bytes_sent < chunk.len() {let result = channel.write(chunk).unwrap(); // 发送文件内容bytes_sent += result; // 更新已发送的字节数}total_bytes_sent += bytes_sent; // 更新已发送的总字节数bytes_sent = 0; // 重置已发送的字节数transferred_mb = (total_bytes_sent as f64) / (1024.0 * 1024.0); // 更新已传输的文件大小（MB）transferred_mb = (transferred_mb * 100.0).round() / 100.0; // 保留2位小数if (i + 1) * PROGRESS_UPDATE_INTERVAL <= buffer.len() { // 如果还有剩余的文件内容需要发送let progress = (total_bytes_sent as f64) / (file_size as f64) * 100.0; // 计算传输进度println!("进度: {:.2}% ({:.2} MB / {:.2} MB)", progress, transferred_mb, total_mb); // 打印传输进度信息} else { // 文件传输完毕println!("进度: 100% 文件传输完毕！");}}channel.send_eof().unwrap(); // 发送 EOF 标志// 执行远程命令let mut channel = sess.channel_session().unwrap(); // 创建一个新的会话通道channel.exec(command).unwrap(); // 执行命令let mut output = Vec::new(); // 创建一个空的字节向量channel.read_to_end(&mut output).unwrap(); // 读取命令输出println!("{}", String::from_utf8_lossy(&output)); // 打印命令输出
}// 获取文件大小
fn get_file_size(file_path: &str) -> u64 {std::fs::metadata(file_path) // 获取文件元数据.map(|metadata| metadata.len()) // 获取文件大小.unwrap_or(0) // 如果获取失败，则返回 0
}

2、App.vue

<script setup lang="ts">
import Greet from "./components/Greet.vue";
</script><template><div class="container"><h1>Spring Boot 程序发布工具!</h1><div class="tips">程序发布 = 连接 Linux + 发送文件 + 执行命令</div><Greet /></div>
</template><style scoped>
.tips {color: #666666;margin-bottom: 10px;
}
</style>

3、Greet.vue

<template><form class="row" @submit.prevent="go"><input v-model="ipWithPort" placeholder="IP地址:端口号"/><input v-model="username" placeholder="账号"/><input v-model="password" placeholder="密码" type="password"/><input v-model="filePath" placeholder="本地文件路径"/><input v-model="targetPath" placeholder="目标文件路径"/><input v-model="command" placeholder="命令"/><button type="submit">执行！</button></form><p>{{result}}</p>
</template><script setup lang="ts">
import {ref} from "vue";
import {invoke} from "@tauri-apps/api/tauri";// IP地址和端口号：ip:port
const ipWithPort = ref("222.222.222.222:22");
// 账号
const username = ref("root");
// 密码
const password = ref("root");
// 本地文件路径
const filePath = ref("C:\\\\Users\\\\Administrator\\\\Desktop\\\\app.jar");
// 目标文件路径
const targetPath = ref("/home/zibo/app.jar");
// 命令
const command = ref("pwd");
// 执行结果
const result = ref("未开始执行！");async function go() {result.value = "执行中...";await invoke("go", {ipWithPort: ipWithPort.value, username: username.value, password: password.value, localFilePath: filePath.value, targetFilePath: targetPath.value, command: command.value});result.value = "执行完毕！";
}
</script><style>
.row {display: flex;flex-direction: column;margin: 0 10px;
}.row input {margin-bottom: 10px;
}
</style>

4、依赖

Cargo.toml

# ssh2
ssh2 = "0.9.4"