基于tauri构建全平台应用

可以基于 tauri 开发构建全平台的应用,和 electron 的发布版本动辄百兆不同,tauri 是基于 rust 的,发布版本可以做到几兆大小

tauri 本质上是一个轻量级桌面应用壳,通过前端技术做界面展示,因此 tauri 开发也是需要 node 环境的,但是发布版本的时候不会打包浏览器内核

本地开发需要 node 环境正常,rust 安装通过 https://rust-lang.org/tools/install/ 进行下载安装

项目前端如果是纯静态 html/css/js,也可以不需要 node 环境,通过下载 cargo install tauri-cli,使用 cargo tauri build 进行构建打包应用

主流的前端开发都是基于现代框架(react、vue等),所有 node 环境还是必须的,基于 node 环境的话,就可以不需要手动安装 tauri-cli

下面通过一个例子,来快速熟悉整个构建流程

1、通过 pnpm create tauri-app 新建一个 tauri 项目,全部默认就可以

创建的项目有两部分代码,src 是前端的代码,src-tauri 是应用壳的 tauri 代码

并且在依赖关系这里也可以看到,提供了基于 node 生态的 tauri 开发工具链,负责构建、打包、运行后端的 rust 代码部分

2、通过 pnpm install 安装依赖,这个和 node 项目一致,没什么区别

3、本地开发运行 pnpm run tauri dev,编译生成一个 debug 版本的执行文件,然后将执行文件运行起来

4、编译发布版本 pnpm run tauri build,这个命令会编译 release 版本的执行文件,并且生成 msinsis 两种类型的安装包

5、下面来删除 target 目录,先将前端代码构建出来,然后再使用 cargo 命令进行打包执行文件(需要先手动安装 tauri-cli)

首先通过 pnpm run build 打包生成前端的 dist 目录

tauri.conf.json 配置指示了前端代码目录为 ../dist,由于 build 配置还有前置的 pnpm 命令,因此可以删除其他的 pnpm 命令只保留 frontendDist 配置

接着 cd 到 src-tauri 目录下,再通过原生命令 cargo tauri build 进行打包构建,一样生成了 msinsis 两种类型的安装包

相关推荐
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
不爱学英文的码字机器17 小时前
[鸿蒙PC命令行移植适配]移植rust三方库bottom到鸿蒙PC的完整实践
华为·rust·harmonyos
W_LuYi18519 小时前
Tauri + Rust + Vue 3 打造极速轻量桌面应用
java·开发语言·vue.js·rust
TrisighT19 小时前
Electron 窗口切后台,我的轮询怎么停了?排查一下午才发现是浏览器搞的鬼
electron·harmonyos
星栈19 小时前
Makepad 界面怎么做得更像产品,而不是示例
前端·rust
特立独行的猫a20 小时前
MQTT Client的Tauri应用移植到 OpenHarmony 鸿蒙 PC/ARM64 实践记录
mqtt·华为·rust·harmonyos·tauri·移植·鸿蒙pc
techdashen20 小时前
深入理解 Rust Futures:从零开始,一头扎到底
开发语言·后端·rust
怕浪猫21 小时前
Electron 开发实战(十二):安全性最佳实践|彻底杜绝漏洞、代码执行与数据泄露
前端·javascript·electron
fox_lht21 小时前
GPUI 框架完整学习教程
学习·rust·gpui
好家伙VCC21 小时前
Rust+Bioinfo:80ms极速SNP注释引擎
java·开发语言·算法·rust