rust生成html库,Electron替代方案，rust跨平台GUI框架TAURI之hello world

最新推荐文章于 2025-04-23 14:40:38 发布
最新推荐文章于 2025-04-23 14:40:38 发布
阅读量4.5k 收藏
点赞数
文章标签： rust生成html库
本文介绍了新兴的跨平台GUI框架TAURI，它使用Rust作为后端，前端基于HTML。通过一个Hello World示例，展示了如何在Windows10上创建一个简单应用，实现HTML页面按钮触发Rust后台交互。文章还提到了可能遇到的错误和解决办法，以及程序的基本结构和实现步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

tauri简介

tauri 是一个新兴的跨平台GUI框架。与electron的基本思想相似，tauri的前端实现也是基于html系列语言。tauri的后端使用rust。官方形容，tauri可以创建体积更小、运行更快、更加安全的跨平台桌面应用。

详细的介绍可以自行去官网查看：

官网

Github

hello world

本人使用windows10系统。本hello world，实现了以tauri搭建桌面程序，在html页面点击按键后，由后台rust反馈信息。

效果如下：

2cf40a2ed366

hello world 效果图

需准备的文件

tauri 需要用到rust、nodejs，编译器可使用vscode

官方文档有比较详细的环境搭建步骤，可参阅：

https://tauri.studio/docs/getting-started/intro

其中，当搭建完环境，使用命令

yarn add tauri

安装tauri包时，可能会出现报错：

pngquant failed to build, make sure that libpng-dev is installed

此错误并不影响使用，可忽略。

程序结构

最低0.47元/天 解锁文章
心失荒野
关注
Rust 图形界面开发——使用 GTK 创建跨平台 GUI
好看资源网的博客
11-02 3398
通过自定义信号，开发者可以实现复杂的交互逻辑。// 创建自定义信号println!");});
＜tauri＞＜rust＞＜GUI＞基于rust和tauri，将tauri程序打包为window系统可安装的安装包（exe、msi）
用沸腾的热血，支付我们的人生吧！
04-08 1122
本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。本文是介绍在tauri中，如何将一个tauri项目打包为window下的可执行安装包，exe或者msi格式。
探索轻量级桌面应用的未来：Muon - 一个Electron的替代方案
gitblog_00012的博客
05-11 1091
探索轻量级桌面应用的未来：Muon - 一个Electron的替代方案 muonGPU based Electron on a diet项目地址:https://gitcode.com/gh_mirrors/mu/muon 在寻求高效、轻量级且跨平台的桌面应用程序开发解决方案时，我们常常会遇到性能与体积之间的权衡。然而，现在有一款名为Muon的新颖框架，它打破了这种平衡，带来了惊人的性能提升和资...
Node.js-基于DuilibCEFNodeJs的类似electron的UI框架
08-10
基于Duilib CEF NodeJs的类似 electron 的UI框架
rust生成html文档
weixin_62799021的博客
09-27 743
在docs.rs看到的文档基本都是由这种方式生成的。
Apple-Music-Electron:一个免费的，轻量级的，开源的替代品，可替代iTunes和其他基于Electron 12.0.0的Apple Music应用程序
05-12
一个免费的，轻量级的，开源的替代品，可替代iTunes和其他基于Electron 12.0.0的Apple Music应用程序 ·· 特征： 可定制CSS Discord RPC支持 轻的 开发人员友好 基于电子 跨平台 社区驱动 GPU加速 麻省理工学院许可 从源编译。 要求：NodeJS（任何版本都可以使用），yarn，计算机，非常基础的文本编辑知识。 git clone https://github.com/cryptofyre/Apple-Music-Electron.git yarn install yarn dist 从源编译（扩展） 现在，您可以使用index.js文件顶部的新选项自定义AME，以实现自己的喜好！ 免责声明 我无意与苹果竞争。 Apple拥有Apple徽标，Apple Music，Apple Music徽标和MusicKit的权利。 如果有人对本
Tauri桌面应用7日通：用Rust替代Electron开发跨平台应用.pdf
最新发布
05-06
Rust 以内存安全、零成本抽象和并发高效的特性，重塑编程体验。无需垃圾回收，却能通过所有权与借用检查机制杜绝空指针、数据竞争等隐患。从底层系统开发到 Web 服务构建，从物联网设备到高性能区块链，它凭借出色的...
扔掉 Electron，拥抱基于 Rust 开发的 Tauri
billionbottle的博客
03-28 1万+
Tauri 是一个跨平台 `GUI` 框架，与 `Electron` 的思想基本类似。Tauri 的前端实现也是基于 Web 系列语言，Tauri 的后端使用 `Rust`。Tauri 可以创建体积更小、运行更快、更加安全的跨平台桌面应用。
跨平台GUI框架推荐与选择指南
微信公众号：互联网之路
04-23 684
选框架就像谈恋爱，没有“最好”，只有“最合适”。如果你赶项目，Fyne、Tauri闭眼冲；如果你玩硬件，AAGUI、Slint直接梭哈；如果你头铁，Iced带你感受Rust的魅力（和编译错误）！你用过最香的GUI框架是哪个？
安装包体积减少91%！Tauri基础入门，下一代全平台开发框架，Tauri对比Electron有什么优势？
techshrimp的博客
12-10 2700
视频版：安装包体积减少91%！Tauri基础入门，下一代全平台开发框架，Tauri对比Electron有什么优势？Tauri是一个全新跨平台应用开发框架，目前已经发布到了2.0版本。在Github上面的star数量已经飙升到了8万。开发者可以使用任意的JavaScript框架来设计开发UI，然后将同一套代码打包成全平台的桌面应用。2.0版本已经支持打包手机端的应用。过去，Electron曾是桌面开发这一领域的王者。Electron使用Nodejs作为后台框架，Chronium内核作为前端引擎。不过Elect
shrinkray:Electron的轻量级替代品，可使用Javascript制作macOS应用
05-01
收缩射线 用Javascript创建桌面应用程序。 由于仅支持macOS（目前），因此是Electron的轻量级替代品。 特征 用于将静态网站转换为macOS应用程序的CLI。 微小的应用程序大小（macOS：<100K>/html -o example.app 示例应用 Draw.io （单击缩略图可下载应用） Regulex （单击缩略图可下载应用） 迷你油漆 （单击缩略图可下载应用） 贡献 必备工具 克隆项目 git clone gi
使用Rust构建的静态HTML开发工具-Rust开发
05-27
使用Rust rust-coal构建的静态HTML开发工具:locomotive:使用Rust构建的静态HTML开发工具这是谁的目的？ 那些想要生成一个基本的静态HTML站点（可能只有1-10页），并且不想在多个文件中维护布局，导航元素和页脚的站点。 如果您需要编程组件，那么最好使用更多动手的系统，如GatsbyJS，React Static或内容管理系统（CMS），如WordPress。 就像在典型的Jamstack解决方案中一样，静态HTML输出
rust-pushrod：用于Rust的跨平台GUI库
02-03
rust-pushrod：用于Rust的跨平台GUI库
rust-htmlescape —编码/解码HTML实体-Rust开发
05-27
用于Rust示例HTML实体编码库。 并使用htmlescape :: {相关功能在这里}; 是用于RustHTML实体编码库示例用法所有示例均假设使用外部包装箱htmlescape； 并使用htmlescape :: {相关功能在这里}; 存在。 ### Encoding htmlescape :: encode_minimal（）使用最少HTML实体集对输入字符串进行编码。 let title =“猫狗”； 让标签=格式！（“
真正的跨平台，真正的原生。 用于 Rust 的多个后端 GUI
06-28
WIP：索伦本地人一个 Rust UI 库，可以征服从桌面到移动设备的所有平台。尝试为您的 Rust 应用程序创建真正原生的、真正跨平台的 UI。一个用户界面来统治他们Sauron 原生扩展了sauron Web 框架，该框架深受Elm 架构的启发。Sauron 本机可以针对多个 GUI 后端。当前支持的后端gtkhtml推截屏运行示例git submodule init git submodule updatecd examples/cross_widget ./run_gtk.sh ./run_terminal.sh# if you have wasm-pack installed ./start_web.shTODO 一般弃用 itui，支持更易于维护的tiik待办事项小部件按钮复选框列（ vbox ）行 ( hbox )容器图像进度条收音机可滚动滑块空间文本text_input（文本框）TODO平台Linux (gtk)Windows (本机-windows-gui )Mac (appki-rs )浏览器(html)途易
其他笔记 - Electron代替品探索过程
热门推荐
参谋谋的博客
11-04 1万+
目录前言替代品一览C# (.Net)C++DartGoJavaJSPythonsciter测试Ultralight 前言 Electron是基于 Node.js 和 Chromium的，可以把前端代码打包成桌面应用的工具，使得JavaScript, HTML和CSS跨平台部署。 但是由于各种原因，不够精巧，体积太大，资源独占，发布不便，源码保护做的不好等等，所以不适用于某些场合。 最近要做嵌入式上位机开发，于是挨个测试一下。 替代品一览 发现 electron其实有超多替代品的，来源参考Electron替代
项目推荐：Muon - 轻量级Electron替代方案，拥抱Golang与GPU加速
gitblog_01243的博客
10-18 613
项目推荐：Muon - 轻量级Electron替代方案，拥抱Golang与GPU加速 muon GPU based Electron on a diet 项目地址: https://gitcode.com/gh_mirrors/m...
Rust 语言中的跨平台 GUI 库
Rust开发笔记
04-19 2334
Iced 不仅限于创建基础的控件和布局，你还可以利用响应式布局创建复杂且自适应的界面。// 定义你的自定义控件// 控件内部的状态和属性// 实现自定义控件的逻辑// 创建控件的新实例// 初始化控件状态// 实现控件的渲染逻辑// 返回 Element 类型的 GUI 表示// 后续类似于 Counter 示例的结构和实现逻辑在这段代码中，我们定义了一个控件，并为它实现了基础的构建和渲染逻辑。这就是 Iced 灵活性的一种体现，允许你根据具体的应用需求进行定制。
tauri会是 Electron 的替代方案？
程序员成长指北
07-10 4576
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群一、简介   Tauri 是一个跨平台 GUI 框架，与 Electron 的思想基本类似。都是属于跨平台技术的解决方案优缺点快速分析  我们一般会把tauri作为 Electron 的替代方案，electron优点咱们不看，这里就提两个electron比较明显的问题：安装包大小。Electron...
跨平台开发框架
03-11
<think>好的，我现在需要处理用户关于跨平台应用开发框架的选择问题。首先，用户的需求是创建一个能在多个操作系统上运行的应用程序，希望比较不同的框架并做出选择。我需要先回忆相关的知识，并结合提供的引用内容来构建回答。 根据用户提供的引用，Uni-app被提到是一个使用Vue.js的前端框架，支持多平台发布，包括iOS、Android、Web、小程序等，具有开发成本低和生态丰富的特点[^1][^2]。另外，引用[3]提到跨平台桌面应用开发的需求，包括快速开发、小体积和跨平台支持，入围的技术可能包括Electron、Flutter等。不过用户的问题更偏向应用开发框架，可能包括移动端和桌面端。 首先，我需要区分移动应用和桌面应用的跨平台框架，因为不同的场景可能适用不同的工具。移动应用方面，常见的框架有React Native、Flutter、Xamarin、Ionic以及Uni-app。桌面应用方面，常见的有Electron、Qt、Tauri等。 用户引用的内容主要提到了Uni-app，所以需要突出它的优势，比如基于Vue.js，一套代码多端运行，适合移动端和小程序。但用户可能也需要桌面应用的解决方案，这时候可能需要提到其他框架如Electron或Tauri，特别是引用[3]提到了打包体积的问题，Tauri在这方面可能更有优势，因为它使用Rust和系统WebView，体积更小。 接下来，我应该整理这些框架的特点、适用场景、优缺点，并给出选择建议。例如： 1. Uni-app：适合移动端和小程序，学习成本低，生态丰富。 2. Flutter：高性能，自定义UI，适合需要精美界面的应用。 3. React Native：使用React，社区强大，适合已有Web经验的团队。 4. Electron：适合桌面应用，但体积较大。 5. Tauri：替代Electron，体积更小，性能更好。 需要结合用户提到的需求：快速开发、体积小、跨平台（尤其是Mac作为主力）。对于桌面应用，可能推荐Tauri；对于移动端，可能推荐Flutter或Uni-app。同时，要引用提供的资料，特别是Uni-app的部分[^1]，以及提到其他框架时参考引用[3]关于桌面开发的考虑。 还要注意用户可能混淆了移动和桌面跨平台，所以在回答中需要区分这两类，并分别给出建议。例如，如果用户目标是移动端，Uni-app或Flutter更合适；如果是桌面端，则考虑Electron或Tauri。 最后，生成相关问题，帮助用户进一步思考，例如如何优化性能，不同框架的学习曲线，或者具体某个框架的深入比较。</think>### 跨平台应用开发框架比较与选择 跨平台开发框架的核心目标是**“一套代码，多端运行”**，可大幅降低开发成本。根据应用场景（移动端、桌面端、Web）、性能需求和开发效率，主流框架可分为以下几类： --- #### 一、移动端跨平台框架 1. **Uni-app（Vue.js生态）** - **特点**：基于Vue.js语法，支持编译到iOS、Android、Web、小程序等多平台，学习成本低，生态丰富。 - **适用场景**：快速开发轻量级移动应用、小程序，需覆盖多端但团队资源有限。 - **局限性**：复杂动画或高性能场景可能受限。 2. **Flutter（Dart语言）** - **特点**：通过自绘引擎实现高性能渲染，UI高度定制化，支持移动端、Web和桌面端（实验性）。 - **适用场景**：对性能要求高、需要复杂交互的应用（如游戏、动态仪表盘）。 - **局限性**：Dart语言需额外学习，包体积较大。 3. **React Native（JavaScript生态）** - **特点**：基于React语法，通过原生组件渲染，社区成熟，支持热更新。 - **适用场景**：已有Web开发经验的团队快速构建移动应用。 - **局限性**：性能略逊于Flutter，跨平台一致性需手动适配。 --- #### 二、桌面端跨平台框架 1. **Electron（Web技术栈）** - **特点**：使用HTML/CSS/JavaScript开发，支持Windows、macOS、Linux，生态完善（如VSCode、Slack基于Electron）。 - **适用场景**：功能复杂的桌面应用，开发团队熟悉前端技术。 - **局限性**：内存占用高，打包体积大[^3]。 2. **Tauri（Rust + Web技术栈）** - **特点**：替代Electron的轻量级方案，利用系统WebView渲染，包体积小，性能更优。 - **适用场景**：对安装包体积敏感，需兼顾性能和跨平台的桌面应用。 3. **Qt（C++生态）** - **特点**：成熟的跨平台GUI框架，支持移动端和嵌入式系统，性能接近原生。 - **适用场景**：工业软件、嵌入式设备界面开发。 - **局限性**：C++学习曲线陡峭，商业授权费用高。 --- #### 三、选择建议 1. **移动端优先**： - 轻量级应用 → **Uni-app**（开发效率高） - 高性能/复杂UI → **Flutter** 2. **桌面端优先**： - 快速开发 → **Electron**（生态丰富） - 轻量化 → **Tauri**（未来趋势） 3. **全平台覆盖**： - Flutter（逐步完善桌面支持）或组合使用（如Uni-app + Tauri）。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值