介绍

现在有考虑做桌面端应用的提案， 在了解 Electron 、Tauri 、Flutter 等其他跨平台跨平台桌面应用开发框架后， 尝试学习 Tauri， 然后就有了本次尝试；

打包了官方示例，因 Tauri 目前交叉编译不可用， 跨端比较繁琐， 所以插件内只提供 mac 安装包， 感兴趣的可以自行构建 window、linux 等平台， 甚至可升级 Tauri2.0 构建 Android 以及 IOS 应用。

安装

1. 复制模块

• 复制vue文件夹中的模块到前端项目的 src/plugins 中

2. 前置条件

• 使用 Tauri 需具备 Rust 开发环境， 请自行搜索安装， 本文档不再赘述。 Rust 安装文档。

2. 安装依赖

// 安装 官方库， 2.0.2 新发布， 本实例使用 tauri 1.0, 如需使用 2.0， 自行更新使用，且自行运行 npm run tauri init 创建 2.0 项目， 
npm install --save-dev @tauri-apps/cli@1.6.2

3. 使用

• 命令， 具体详见官方文档

// 开发
npm run tauri dev

// 打包构建
npm run tauri build

• 官方提供了 @tauri-apps/api 库来辅助js 用户使用系统级 api, 具体可参照官方文档

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

await message('COOL 为开发者而生', '提示');

• 实例中 未使用 @tauri-apps/api 而是采用 build.withGlobalTauri 全局window注入的方式调用

  await window.__TAURI__.dialog.message('COOL 为开发者而生', '提示');

• 其他方法具体见文档：Tauri 文档

更新

• V1.0.0（2024-10-10）

• 目前相关应用开发还是提案阶段，暂无具体更新计划， 且官方已提供 @tauri-apps/api 库，具备完整的功能，后续如有其他想法则会追加部分功能，例如 window.open 、 alert 等 原生 api 的拦截，并用 tauri api 进行替代。

• 如果您有其他好的想法也可以评论补充或者新开插件。