Electron vs. Tauri：跨平台桌面应用开发框架如何选？

Electron 与 Tauri 都是开发跨平台桌面应用程序的框架。它们的核心共同点在于：都支持开发者运用 HTML、CSS 和 JavaScript 构建用户界面，但在底层架构、性能表现、安全机制以及资源占用等方面存在本质差异。以下为详尽的对比分析：

1️⃣ Electron 示例：使用 JavaScript 与 Node.js 读取本地文件

// preload.js
const fs = require('fs');
const { contextBridge } = require('electron');

contextBridge.exposeInMainWorld('api', {
  readFile: (path) => fs.readFileSync(path, 'utf-8')
});

// renderer.js
const content = window.api.readFile('/path/to/file.txt');
console.log(content);

⚠️ 若未启用 contextIsolation 选项，甚至可在 DOM 环境中直接调用 require('fs')，存在较大安全隐患。

2️⃣ Tauri 示例：通过 Rust 后端读取本地文件

✅ 前端调用

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

async function readFile() {
  const content = await invoke('read_file', { path: '/path/to/file.txt' });
  console.log(content);
}

✅ Rust 后端命令（src-tauri/src/main.rs）

#[tauri::command]
fn read_file(path: String) -> Result<String, String> {
    std::fs::read_to_string(path).map_err(|e| e.to_string())
}

✅ 注册命令（main 函数）

fn main() {
    tauri::Builder::default()
        .invoke_handler(tauri::generate_handler![read_file])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

🛡️ Tauri 要求开发者明确定义 API 接口，前端无法随意访问本地文件系统，安全性更高。