Tauri 提供界面 + 使用 rust 实现连接远程 linux 服务器、发送文件、执行命令一、Tauri 概述
tauri 是一个用于构建跨平台桌面应用程序的工具和框架。它的目标是通过将 web 技术与本地功能结合,使开发者能够以简单、高效的方式创建现代的桌面应用。
以下是 Tauri 的一些主要特点和概述:
跨平台支持:Tauri 允许你构建跨平台的桌面应用程序,它支持 windows、macos 和 Linux 等常见的操作系统。你可以使用一套代码库在多个平台上构建应用程序。基于 Web 技术:Tauri 使用 Web 技术作为应用程序的前端开发语言。你可以使用 html、css 和 JavaScript(或其他 Web 前端框架)来构建应用程序的用户界面。原生功能访问:Tauri 提供了访问原生功能的接口,让你可以从前端代码中直接调用本地操作系统的功能,如文件系统、网络、系统通知等。这样,你可以创建出与本地应用程序类似的功能和体验。嵌入式 Web 渲染引擎:Tauri 使用嵌入式的 Web 渲染引擎(如 webview 或 WebKitGTK)来渲染应用程序的界面。这使得应用程序可以直接在桌面环境中运行,而无需依赖外部的浏览器。丰富的生态系统:Tauri 生态系统提供了许多有用的功能和库,如打包工具、插件系统、前端构建工具等,以便于应用程序的开发和部署。灵活的扩展性:Tauri 允许你通过使用 Rust 和 JavaScript 进行扩展,从而实现更复杂的功能。你可以编写原生 Rust 代码来访问底层的系统功能,并使用 JavaScript 与前端代码进行交互。
总的来说,Tauri 提供了一个快速、简单的方式来开发跨平台的桌面应用程序。通过结合 Web 技术和原生功能,你可以创建出功能丰富、具有优秀用户体验的桌面应用。无论是构建独立的应用程序,还是将现有的 Web 应用转化为桌面应用,Tauri 都是一个强大的选择。
二、界面预览

三、代码参考1、main.rs代码语言:javascript代码运行次数:0运行复制
// 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代码语言:javascript代码运行次数:0运行复制
<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代码语言:javascript代码运行次数:0运行复制
<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:portconst 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、依赖代码语言:javascript代码运行次数:0运行复制
# ssh2ssh2 = "0.9.4"