Tauri 2.0 发布：开启跨平台开发新篇章【Vite + Vue3 +TypeScript + Tauri 2.0】

最新推荐文章于 2025-04-15 13:39:11 发布
最新推荐文章于 2025-04-15 13:39:11 发布
阅读量3k 收藏 11
点赞数 11
分类专栏： Vue 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44757034/article/details/143159624
版权

一、Tauri 2.0 发布：开启跨平台开发新篇章

一、Tauri 简介

Tauri 是一个轻量级框架，它支持开发者在主流的桌面（如 macOS、Linux 和 Windows）以及移动平台（iOS、Android）上构建应用程序。该框架的一大特色是允许前端开发者利用他们熟悉的 HTML、JavaScript 和 CSS 技术栈来创建应用界面，同时还能通过 Rust、Swift 或 Kotlin 来处理后端逻辑或性能密集型任务。不过，在很多场景下，仅依靠 JavaScript API 就能满足大部分需求。
官网：https://tauri.app/
在这里插入图片描述

二、为何选择 Tauri？
  • 统一代码库：一次编写，多处运行，极大地简化了跨平台软件开发流程。
  • 广泛兼容性：无论是传统的PC还是最新的智能手机，Tauri都能确保您的应用无缝运行于不同操作系统之上。
  • 前端友好：非常适合那些希望从Web技术转向原生应用开发的前端工程师们。
  • Rust集成：对于追求极致性能与安全性的Rust程序员而言，Tauri提供了一种优雅的方式将复杂业务逻辑嵌入到用户界面中。
三、社区活跃度及影响力

自发布以来，Tauri受到了全球范围内众多开发者的热烈欢迎。截至最近统计，其GitHub仓库已累积超过8万个Star标记，共收到近5千次Pull Request，并解决了数千个问题报告。此外，还有大约17,700名成员加入了官方Discord频道，在那里大家可以交流心得、解决问题。
在这里插入图片描述

四、升级至Tauri 2.0

自从2022年6月推出首个稳定版本之后，经过两年时间不断地迭代优化，现在我们迎来了更加成熟完善的Tauri 2.0。此次更新不仅引入了一系列新功能和改进措施，还特别强调了用户体验的提升。具体迁移步骤请参阅官方文档指南。

五、Tauri 2.0 新特性概览
  • 便捷入门：新增create-tauri-app命令行工具帮助新手快速搭建项目骨架。
  • 热更新机制：实现了热模块替换(HMR)技术，让开发者可以在不重启程序的情况下看到修改效果，极大提高了调试效率。
  • 插件生态：增强了对第三方插件的支持力度，特别是增加了针对移动端的扩展能力。
  • 全面覆盖：正式宣布对iOS和Android两大移动操作系统的完整支持，意味着Tauri真正意义上成为了跨全平台解决方案。
  • 安全保障：整个架构接受了专业机构的安全审查，确保为用户提供最可靠的服务。

二、Vite + Vue3 +TypeScript + Tauri 2.0快速集成入门案例

https://tauri.org.cn/v1/guides/getting-started/setup/vite/
在这里插入图片描述

tauri2.0bate版本支持移动端开发了，ios和android开发有福了
05-13 4094
Tauri 是一个开源框架，用于构建轻量级、高性能的桌面应用程序。它是使用 Web 技术（如 HTML、CSS 和 JavaScript）来创建用户界面，同时利用 Rust 语言提供的api功能。Tauri 的目标是提供一种更高效、更安全的方式来开发跨平台的桌面应用程序。Tauri1.0版本已经非常完善的支持所有桌面端了，现在的2.0已经开始测试移动端开发了，我们可以提前尝鲜一下。
tauri的安卓开发配置
m0_74013167的博客
09-20 2387
tauri安卓开发
Tauri 桌面端开发
最新发布
m0_73854403的博客
04-15 533
Tauri 桌面端开发
打包多端神器-Tauri2.0-打包IOS应用-打包分发
weixin_42429220的博客
10-09 1267
Tauri 是一个创新的框架，它允许开发者使用 Web 技术栈（如 HTML、CSS 和 JavaScript）来构建跨平台的桌面应用程序。Tauri v2 版本带来了许多新特性和改进，包括更好的安全性、更小的应用体积和更强大的跨平台支持/。
【调试笔记-20240713-Windows-Tauri 多个HTML页面支持】
David唐辉的博客
07-13 635
本文记录在 Windows 环境下调试 Tauri v2 支持多个HTML页面。实验使用的电脑如下：本文记录在 Windows 环境下调试 Tauri v2 支持多个HTML页面。
tauri2.0+vue3 axios跨域
y1638234804的博客
10-19 2503
官方有专门的http插件：tauri-plugin-http，不要使用axios访问外部接口，或者自己写个rust接口访问外部接口再返回到tauri。
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri2.0环境搭建与项目创建
热门推荐
专注Rust编程与技术分享，涵盖C++、Python等开发实战，新手友好，专注实战，助力编程成长。
12-23 1万+
Tauri全新2.0版本支持移动端构建，alpha版本已经发布。本文将带你体验Tauri2.0，从Tauri2.0环境搭建，到体验Tauri2.0 + Angular 17版本的demo项目创建与运行，关键词：Rust，Angular，Tauri2.0，安卓开发。
实战篇：（十二）使用 Vite + Vue3 + TypeScript 创建 Todo List 示例：父子组件的事件通信
mmc123125的博客
10-17 1008
我们首先创建一个基础的 Vue 组件，并使用 TypeScript 为其 props 和状态（state）添加类型注解。在这个组件中，我们使用了props传递，并为其类型定义为number。此外，我们还通过明确指定count的类型为数字，并用 TypeScript 注解了increment函数的返回值类型。
创建 Tauri + Vue + Typescript + Vite + Less 应用
niuiic的博客
06-04 2381
项目创建流程 直接上代码 app_init.sh $templatePath=xxx echo "What's your app's name?" read appName yarn create @vitejs/app $appName --template vue-ts cd $appName yarn set version berry cp "$templatePath/tauri/yarnrc.yml" .yarnrc.yml yarn install yarn add less -D yarn
基于Vite+Vue3+Electron整了一个桌面应用模板
10-24 3960
随着前端的更新迭代，基于js/ts开发的桌面应用框架也越来越多，从heX，electron，nwjs到tauri，Qt，以及Rn和flutter也有桌面应用业务。而今天的主角正是electron，作为一款2013年推出的桌面应用开发框架，其运行于Chromium内核以及node平台，使得开发者可以使用html+css+js进行开发，然而它的缺点也比较明显，构建时可是带上了整个Chromium。但是作为一款经典的JS桌面应用框架，咱还是得了解一二的。下面给大家分享一下近期的项目搭建心得。
使用Tauri+vue3+UnoCSS开源了一款即时通讯(IM)应用
Dawn的博客
08-11 1022
🚀开源项目介绍：使用 Tauri + Vue3 + Vite5 + UnoCSS + TypeScript 的即时通讯(IM)应用
用于 Tauri 的 Rust 中的跨平台窗口库。 [在制品]
06-28
道Rust 中的跨平台应用程序窗口创建库，支持所有主要平台，如 Windows、macOS、Linux、iOS 和 Android。为您打造，为 Tauri 维护。货物特性Tao 提供了以下功能，可以在Cargo.toml文件中启用这些功能：serde ：使某些类型的与序列化/反序列化SERDE 。menu ：在Linux上启用系统托盘和更多菜单项变体。默认情况下启用此标志。如果禁用它，您仍然可以创建这些类型。他们只是不创建实际的对象。我们设置这个标志是因为一些实现需要更多的安装包。如果您不想安装这些附加软件包，请禁用此功能。特定于平台的注释安卓该库使用ndk-rs板条箱，请参阅该 repo 以获取更多文档。在 Android 设备上运行需要一个动态系统库，在 Cargo.toml 中添加：[[example ]]name =" request_redraw_threaded"crate-type = [" cdylib" ]并将其添加到示例文件以添加本机活动胶水：#[cfg_attr(target_os ="android" , ndk_glue::main(backtrace ="
＜Rust＞＜Tauri＞RustGUI框架Tauri2.0体验，窗口页面的生成（本地js和Vite框架）
用沸腾的热血，支付我们的人生吧！
10-23 2767
本专栏是关于tauri这个rustGUI库的一些实例合集，会讲解一些前端（javascript）和后端（rust）的功能实现的实例代码，但是请注意，本专栏专注实例实现，不关心非常具体的实现逻辑，即没有源代码的详细讲解。
Tauri v2 Beta 新特性
宋志辉的博客
05-08 920
负责在 Rust 和 JavaScript 层之间传递消息的 v1 进程间通信（IPC）使用了非常基础的 webview 接口，这迫使我们将所有消息序列化为字符串，并且传递响应超级慢。新的 v2 IPC 使用自定义协议，在功能和性能上更接近于 webview 处理常规基于 HTTP 的通信方式，更多信息请参阅拉取请求。v1 的允许列表是一个很好的工具，可以保护你的前端免于访问不必要的 API，但其配置不够细粒度，缺乏多窗口支持。实现了几个新的窗口 API，使你的应用程序更加可配置。
tauri版本2的系统托盘
weixin_63115449的博客
09-24 1557
通过上述两种方式，你可以在 Tauri 2.0.0-rc 应用程序中实现系统托盘功能。第一种方式适用于简单的托盘图标显示，而第二种方式提供了更多的自定义和交互可能性。根据你的应用需求选择合适的实现方参考资料。
Tauri | 新版2.0路线图：更强大的插件以及支持 iOS、Android 应用构建
集成显卡的开源主页 https://github.com/0604hx
10-07 6306
Tauri官方在9月7号发布了新版2.0的路线图，该版本主要是对移动端进行升级
Electron 开发者的 Tauri 2.0 实战指南：窗口管理与系统集成
ChengFengTech的博客
01-15 1331
作为 Electron 开发者，我们已经习惯了使用来管理窗口，以及通过各种内置模块来实现系统集成。在 Tauri 2.0 中，这些功能虽然概念类似，但实现方式有所不同。本文将帮助你快速掌握 Tauri 的窗口管理和系统集成功能。
Tauri2.0 入门安装使用教程：打造轻量级跨平台桌面应用
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-01 2354
Tauri是一个能够构建适用于所有主流桌面和移动平台轻快二进制文件的框架。开发者可以集成任何可编译成HTML、JavaScript和CSS的前端框架来创建用户界面，必要时还能使用Rust、Swift和Kotlin等语言编写后端逻辑。
Tauri 2.0 横空出世，支持移动端、桌面端
xiangzhihong8的专栏
10-12 2261
Tauri 2.0 的正式发布无疑是跨平台开发领域的一个重要里程碑。它不仅延续了 Tauri 一贯的轻量、快速的特点，还通过移动端支持、增强的插件系统和改进的安全机制等特性，为开发者提供了更强大、更灵活的工具。如果您正在寻找一个能够同时覆盖桌面端和移动端的开发框架，Tauri 2.0绝对值得一试。它不仅能帮您节省时间和资源，还能为您的应用带来卓越的性能和安全性。
golang tauri
02-27
### 使用 Tauri 框架构建 Go 应用程序 Tauri 是一种用于创建安全、快速的桌面应用程序的技术，它允许开发者利用 Web 技术栈来开发应用界面，并通过 Rust 或其他语言编写后台逻辑。虽然 Tauri 主要与 Rust 集成，但也可以与其他编程语言一起工作，包括 Golang。 为了使 Go 和 Tauri 协同工作，通常的做法是在前端使用 HTML/CSS/JavaScript 构建用户界面，在后端运行一个独立的 Go HTTP 服务器作为 API 接口[^1]。这样可以实现前后端分离架构，其中 Tauri 负责渲染视图并发起请求到本地或远程的服务端接口上。 下面是一个简单的例子展示如何设置这样的环境： #### 启动一个新的 Tauri 项目 首先安装 Node.js 和 Yarn, 然后执行命令初始化新的 Tauri App: ```bash yarn create tauri-app my-tauri-project --template vanilla cd my-tauri-project ``` 这会建立好基础结构以便于后续操作[^2]. #### 创建 Go HTTP Server 接着在一个单独的位置启动 Go 的 web server 来处理来自客户端的数据交互需求。这里给出一段基本代码片段用来说明这一点： ```go package main import ( "fmt" "log" "net/http" ) func helloWorld(w http.ResponseWriter, r *http.Request) { fmt.Fprintf(w, "Hello from Go!") } func main() { http.HandleFunc("/api/hello", helloWorld) log.Fatal(http.ListenAndServe(":8080", nil)) } ``` 保存上述文件名为 `main.go` 并编译运行此服务[^3]: ```bash go run . ``` 此时应该有一个监听在 `localhost:8080/api/hello` 上提供简单响应消息的小型 RESTful API. #### 修改 Tauri 前端调用 Go API 最后一步就是修改由 Tauri 提供的应用内部 JavaScript 文件去访问这个新搭建起来的服务。假设已经成功设置了 CORS 头部信息使得跨域资源共享成为可能，则可以在浏览器控制台测试如下 AJAX 请求方法是否正常返回预期的结果： ```javascript fetch('http://localhost:8080/api/hello') .then(response => response.text()) .then(data => console.log(data)); ``` 当一切配置完成后，就可以打包发布整个应用程序了。需要注意的是实际生产环境中应当考虑更多因素比如安全性验证机制以及错误处理流程等[^4].
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员猫爪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值