Tauri store 插件咋用？桌面应用状态易管理吗？

在桌面应用开发中，状态持久化就像人的记忆力一样重要。试想用户精心调整的界面主题、个性化配置在重启应用后全部消失，这种体验无异于每次见面都要重新自我介绍。传统的配置文件方案如同纸质备忘录，而Tauri Store插件则像智能云笔记——它不仅自动保存关键数据，更能实现跨会话状态同步和加密存储。本文将揭秘这个让80%开发者事半功倍的神器。

npm run tauri add store

执行后自动完成：

依赖注入：更新Cargo.toml和package.json
类型支持：添加@tauri-apps/plugin-store类型声明
权限配置：自动生成必要的FS访问权限

确认src-tauri/tauri.conf.json包含：

"plugins": {
  "store": {
    "encryptionKey": "your_32byte_key" 
  }
}

保存用户主题配置仅需3行代码：

import { Store } from '@tauri-apps/plugin-store';
const store = new Store('.theme.config');
await store.set('theme', 'dark');

通过发布-订阅模式实现：

store.onKeyChange('theme', (newValue) => {
  document.body.classList.toggle('dark-mode', newValue === 'dark');
});

AES-GCM算法保障数据安全
自动base64编码敏感信息
内存数据隔离保护机制

对比项	传统配置文件	Tauri Store
序列化	手动处理	自动JSON转换
跨平台	路径差异问题	统一API接口
性能	全量读写	增量更新

// 初始化存储
const store = new Store('.user-preferences');

// 监听主题切换按钮
themeToggle.addEventListener('click', async () => {
  const newTheme = currentTheme === 'light' ? 'dark' : 'light';
  await store.set('theme', newTheme);
});

// 应用启动时加载配置
async function initTheme() {
  const savedTheme = await store.get('theme');
  document.documentElement.setAttribute('data-theme', savedTheme || 'light');
}

Windows：%AppData%\Roaming
macOS：~/Library/Application Support
Linux：~/.config

// 旧配置文件读取
import fs from '@tauri-apps/api/fs';
const legacyConfig = await fs.readTextFile('legacy.config');

// 数据迁移
await store.set('migratedData', JSON.parse(legacyConfig));