news 2026/4/23 6:50:43

基于tauri构建全平台应用

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
基于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两种类型的安装包

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/14 16:45:34

League Akari:5大核心功能彻底改变你的英雄联盟游戏体验

League Akari:5大核心功能彻底改变你的英雄联盟游戏体验 【免费下载链接】LeagueAkari ✨兴趣使然的,功能全面的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/LeagueAkari 想要在…

作者头像 李华
网站建设 2026/4/18 2:44:33

如何高效创作视频文字内容?Bili2text智能转写工具全面解析

如何高效创作视频文字内容?Bili2text智能转写工具全面解析 【免费下载链接】bili2text Bilibili视频转文字,一步到位,输入链接即可使用 项目地址: https://gitcode.com/gh_mirrors/bi/bili2text 还在为视频内容整理而烦恼吗&#xff1…

作者头像 李华
网站建设 2026/4/19 4:17:21

精通DownKyi:高效下载B站8K视频的实战手册

精通DownKyi:高效下载B站8K视频的实战手册 【免费下载链接】downkyi 哔哩下载姬downkyi,哔哩哔哩网站视频下载工具,支持批量下载,支持8K、HDR、杜比视界,提供工具箱(音视频提取、去水印等)。 …

作者头像 李华
网站建设 2026/4/20 11:11:57

Dify可视化工具中变量传递机制的技术细节

Dify可视化工具中变量传递机制的技术细节 在构建AI应用的实践中,一个常见的挑战是:如何让复杂的推理流程像流水线一样顺畅运转?当我们在设计一个智能客服系统时,用户的提问需要经过意图识别、知识检索、条件判断、个性化回复生成等…

作者头像 李华
网站建设 2026/4/14 4:53:36

Blender 3MF插件:打造高效3D打印工作流

Blender 3MF插件:打造高效3D打印工作流 【免费下载链接】Blender3mfFormat Blender add-on to import/export 3MF files 项目地址: https://gitcode.com/gh_mirrors/bl/Blender3mfFormat 想要在Blender中轻松处理3D打印文件吗?Blender 3MF插件就是…

作者头像 李华