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
// 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"