凌晨两点，同事在群里丢了一张任务管理器截图：一个“待办清单”桌面应用。挂着 1 个任务卡片，内存使用 540 MB。至于老板跟了一句，“咱这工具怎么比 IDE 还能吃？” 团队用的那个 Electron 版 Todo，启动要 6 秒。切换标签页有明显延迟，三个月前就有人抱怨，这次被截图钉在了耻辱柱上。按理说，周末我决定用 Tauri + SQLite 重写一遍。结果跑完测试，内存压到 46 MB。安装包从 118 MB 缩到 0.7 MB —— 这个提高幅度，值得拿出来跟你唠一唠。

问题拆解

使用者痛点：每打开一个基于 Electron 的桌面应用。就会出现以下三大困扰：

• 内存使用爆炸单个空 Electron 窗口吃掉约 250 MB，业务数据加载后轻松突破 500 MB。
• 打包体积庞大即使只写了几千行 JS。最终产物也在 100 MB+ 起步，因为必须带上完整的 Chromium。
• 启动速度慢冷启动要加载 Node、V8、渲染进程等层层组件，使用者常常在等待中失去耐心。

Electron 的根本痛点只有一句话概括：每个应用都是一个迷你 Chromium 浏览器。哪怕只想显示一行“今天啥也没干”，它也要把完整的渲染进程、V8 引擎、Node.js 运行时全部拉起来。我们的 Todo 应用里嵌了一个带富文本编辑的列表。用 娱乐ter-sqlite3 存数据，开发体验还不错，但性能账单全都转嫁给了使用者。

团队曾考虑切到 CEF 或者直接写原生，但前者复杂度不低、后者维护两套代码成本太高。需要的是一条中间路线：保留前端环境，却把 “浏览器” 那层臃肿的运行时替换掉。

方案设计

第一位被淘汰的是 Flutter——不是因为不好。而是团队前端栈全是 React/TypeScript，硬切 Dart 学习曲线太陡，迁移成本不可控。怎么说呢，

第二个考虑过 Neutralinojs。它使用程序 WebView，体积确实小，但环境和社区活跃度不足；遇到诡异 bug 时只能自己啃源码，风险高。

最终选型：Tauri

• 程序 WebView 替代 ChromiumWindows 用 Edge WebView2。macOS 用 WKWebView，不再每个应用自带浏览器；打包体积直接从百兆级跌至几兆。
• Rust 后端所有主要原因跑在 Rust side，原生性能、内存分配精确可控；SQLite 可直接使用 rusqlite crate，无需 Node‑C++ 插件序列化开销。
• I​PC 极简: 前端通过 .invoke 调 Rust 命令。数据走 JSON，没有渲染进程与主进程之间沉重的上下文隔离负担。
• 安全模型更清晰: Tauri 默认关闭 Node.js API。前端不能随意访问文件程序，比 Electron 的安全边界更明确。

架构上，我们采用 Tauri + React + SQLite 重写待办应用：前端只负责 UI；所有数据库读写、文件操作都封装成 Tauri 命令，在 Rust 侧执行。SQLite 数据库文件保存在 app data 目录。单文件零配置部署，基本满足离线使用场景。

主要实现

. 创建 Tauri 项目并添加依赖

npm create tauri-app@latest todo-tauri -- --template react-ts
cd todo-tauri
# 在 src-tauri/Cargo.toml 中加入：
#
# tauri = { version = "1"。features = }
# serde = { version = "1",features = }
# serde_json = "1"
# rusqlite = { version = "0.30",features = }

. 初始化数据库连接，用 Mutex 护住连接池

// src-tauri/src/main.rs
#!use rusqlite::Connection;use serde::{Deserialize,Serialize};use std::sync::Mutex;use tauri::{State,Builder。generate_handler,generate_context};#
struct Todo {
id的观点是，Option。
title: String,completed: bool,}
struct DbState;#
fn add_todo -> Result {
let conn = state.0.lock.map_err)?，conn.execute(
"INSERT INTO todos VALUES ",)
.map_err)?，let id = conn.last_insert_rowid;Ok,title,completed: false })
}
#
fn get_todos -> Result。String> {
let conn = state.0.lock.map_err)?，let mut stmt = conn.prepare
.map_err)?，let rows = stmt.query_map(。|row| {
Ok(Todo {
id的观点是，Some?),title: row.get?,completed: row.get?,})
})
.map_err)?，let mut todos = Vec::new;for r in rows {
todos.push)?)，}
Ok
}
fn main {
Builder::default
.setup(|app| {
// 获取跨网站统一的数据目录
let app_dir = app.path_resolver
.app_data_dir
.expect;std::fs::create_dir_all.expect;let db_path = app_dir.join;// 打开或创建 SQLite 文件
let conn = Connection::open.expect;conn.execute(
"CREATE TABLE IF NOT EXISTS todos (
id INTEGER PRIMARY KEY AUTOINCREMENT。title TEXT NOT NULL,completed INTEGER NOT NULL DEFAULT 0
)",)
.expect;// 注入全局状态
app.manage));Ok)
})
.invoke_handler
.run)
.expect;}

. 前端调用 Rust 命令

import { useState,useEffect } from "react";说起来，import { invoke } from "@tauri-apps/api/tauri";interface Todo {
id?这方面，number，title: string;其实，completed: boolean;}
export default function App {
const = useState;const = useState;const loadTodos = async => {
const data = await invoke;setTodos，};const addTodo = async => {
if ) return;await invoke;setTitle，按理说，loadTodos;}，useEffect => loadTodos,);return (

 setTitle} placeholder="新任务..." />
Add

{todos.map(t => (

{t.title}
))}


);}

踩坑记录

Pitfall 1 – SQLite Connection 非 Send：

The compiler complained that rusqlite::Connection does not implement SEND. Because raw pointer inside SQLite cannot be safely moved across threads.

SOLUTION: Wrap it in a MUTEX,n inject via Tauri::State. For a single‑user desktop app one connection is enough – no need for a full pool.

Pitfall 2 – 开发与生产方法不一致：

If you hard‑code "./todos.db",it works during `npm run tauri dev`。but after packaging file disappears because runtime resolves path to system’s app‑data directory.

SOLUTION: .setup uses a.path_resolver.app_data_dir to obtain a reliable cross‑platform location .

效果验证

git="">
cd ta uri-sqlite-starter && npm i && npm run ta uri dev