一个关于 Tauri 自动更新的 demo

最新推荐文章于 2025-07-15 14:02:11 发布
原创 最新推荐文章于 2025-07-15 14:02:11 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

一个关于 Tauri 自动更新的 demo

仓库地址–>https://github.com/YWwXxx/tauri-updater-demo
⚠️拉取项目之后需要先在 tauri.conf.json 中配置endpoints和pubkey

创建项目

Tauri + Vue 3

参照官网这里选用 yarn 构建

  1. 输入命令yarn create tauri-app

image-20231115141248276

  1. 进入目录，随后yarn命令初始化项目

  2. yarn tauri dev启动项目

image-20231115141729251

更新配置

  1. 打包配置在src-tauri/tauri.conf.json

image-20231115142149884

设置一个 updater 属性，属性的层级（位于 tauri 字段下）在紫色框内

需要设置active字段为ture，并且由于我们需要用自定义更新，所以将dialog设置为false，其他字段说明在官网

  1. 设置更新密钥
  • 输入命令yarn tauri signer generate -w ~/.tauri/myapp.key

image-20231115142650247

需要输入密码（两次）

  • 成功之后有提示密钥位置，并且需要设置环境变量

image-20231115142901389

如果私钥丢失就无法更新程序了 ⚠️

打开文件对应位置，文本编辑打开、复制

将.pub后缀的文件内容复制到pubkey字段（公钥）

image-20231115143223181

设置环境变量TAURI_PRIVATE_KEY是私钥 TAURI_KEY_PASSWORD是刚才设置的密码，保存退出之后记得source一下，或者重启终端或者电脑让环境变量生效（设置方式可能不同，具体型号具体查）

可以用echo $TAURI_KEY_PASSWORD和echo $TAURI_PRIVATE_KEY命令来查看是否生效

（私钥也可以写地址，不用那么长）

image-20231115143709457

  1. 设置更新服务器

这里用GitHub Pages，因为endpoints里的 url 都需要是https的。

上传到 GitHub Pages 之后，可以直接通过路径访问到 json 文件，比较方便。

此时向 pages 里面上传一个 json 文件，名字随意，格式如下，必须要有的字段是version、url、signature，其中 version 是 tauri 更新程序用来判断是否需要更新的字段，如果版本低则更新服务器上的高版本。当然也可以用于回退版本，但需要覆盖 Tauri 的版本比较，具体在文档

{
  "version": "0.3.0",
  "pub_date": "2020-09-18T12:29:53+01:00",
  "url": "",
  "signature": "",
  "notes": "!可以更新了！"
}

url字段需要填写下一个版本的文件地址，这里我们可以用阿里云或者七牛云的 oss，或者也可以继续存放在 GitHub Pages 里，当然也可以自己搭建一个文件服务器，等等…只要能有 url 访问即可（这里可以用 http）

然后需要设置endpoints

image-20231115150207371

打包项目

yarn tauri build用于打包项目，打包前记得在 tauri.conf.json 修改版本号

"package": {
    "productName": "tauri-updater-demo", //软件名，可以是中文
    "version": "0.0.0" //版本
  },

并且要修改tauri->bundle->identifier字段，默认的是com.tauri.dev，不修改就打包会报错（只要不是默认值就可以）

image-20231115145916666

然后由于我们希望自定义更新界面【这里使用了 ant-design-vue 需要先根据官网安装配置一下】，所以需要调用一些函数来判断更新，具体代码可以直接拉取仓库查看，主要代码在App.vue、Update.vue、main.js里

正常页面：

image-20231115151651114

有更新的时候：

image-20231115151734688

点击确定之后就自动更新，随后重启

重启的api 配置

image-20231115153804141

先打包一个 0.0.1 版本的，期间会弹一些框不用管。
此外可能可能会遇到各种权限问题…Mac 用sudo -E yarn tauri build（-E 是共享环境变量，否则找不到之前设置的私钥）来打包可能比较省心…

image-20231115161213398

看到 Done 就是成功了，通过输出可以知道安装包位置

image-20231115161332628

可以把打包好的移动到应用程序中，这个是低版本，稍后我们打包另一个高版本来更新

image-20231115161500924

点开确认一下，可以看到版本是 0.0.1

image-20231115162320395

然后我们在tauri.conf.json中修改version字段为0.0.2后再次进行打包

image-20231115162240422

在文件夹中点开确认即可，不要替换了应用程序本来的 0.0.1 版本

image-20231115162439914

然后需要的是tauri-updater-demo.app.tar.gz和tauri-updater-demo.app.tar.gz.sig这两个文件，其中.sig 结尾的文件内容是更新的signature，另一个文件是被 gzip 压缩的程序主体

  1. 将tauri-updater-demo.app.tar.gz上传到能够访问的路径，并将 url 写到 json 文件的 url 字段中

  2. 把tauri-updater-demo.app.tar.gz.sig文件内容复制到 GitHub Pages 上的 update.json 文件中的signature

  3. 其他字段比如pub_date是有格式限制的，但不是必填
    notes是更新的信息，可以在检查更新时获取，不是必填
    version是必填字段，但是可以自己填写版本

当在浏览器输入 json 文件路径的时候能看见 json 文件的内容就是可以的【浏览器中的 json 格式使用的是JsonForMatter 插件】

image-20231115163143968

然后点开 0.0.1 版本的程序，显示更新

image-20231115163706306

等待一会，程序会自动关闭，再打开版本就更新了

image-20231115165050290

当然也可以通过 dev 来查看，只要点击了之后控制台没有打印错误就能正常更新（vscode 输出的错误是因为这个不是打包好的程序，找不到某些更新文件的路径）

image-20231115164133241

我写了一个微信排版编辑器（已开源）
技术专家
04-14 3013
一个好用的排版编辑器 目录 前言 使用 Markdown 的痛点 实现一个编辑器 功能介绍 体验地址 开源 前言 哈喽，大家好，我是小马，去年年底，我开通了微信公众号“JS 酷”，也开始陆陆续续开始写文章， 发到微信公众号，作为一名程序员，我酷爱 Markdown，相信很多朋友跟我一样， 也经常会有写技术文档的需求。Markdown 由于语法简洁、使用方便、深受广大程序员们的喜爱。 使用 Markdown 的痛点 Markdown 适合.
tauri应用实现一键快速更新版本
weixin_43779957的博客
03-23 1074
tauri应用实现一键快速更新版本.更新配置 打包配置在src-tauri/tauri.conf.json 修改打包命令
【高频考点精讲】Tauri框架入门：比Electron更轻量的桌面应用方案
全栈老李的博客
06-04 681
🧑‍🏫：全栈老李📅：2025 年 5 月🧑‍💻：前端初学者、进阶开发者🚀：本文由全栈老李原创，转载请注明出处。大家好，我是全栈老李。今天咱们聊聊一个让前端工程师也能轻松开发桌面应用的神器——Tauri。这玩意儿最近在GitHub上可是火得不行，号称是Electron的轻量级替代品。作为一个踩过无数坑的老司机，我必须说Tauri确实香，但具体香在哪？咱们慢慢道来。先说说背景。Electron大家都不陌生吧？VS Code、Slack、Discord这些知名应用都是用它开发的。
tauri在github上进行自动更新打包并发版过程，实战操作避坑
07-27 4037
因为你的打包工作最后要放到github上，所以要在工作流中配置TAURI_PRIVATE_KEY和TAURI_KEY_PASSWORD设置为环境变量才可以，不然无法进行打包，会报错说找不到。在tauri.conf.json文件中开启自动升级，并将公钥添加到里面，设置你的升级信息json文件获取的url路径。当然我这里是已经运行成功了的，等你的工作流运行成功后，就可以到release页面找到打的包了。将TAURI_PRIVATE_KEY和TAURI_KEY_PASSWORD设置为环境变量。
tauri使用github进行打包和自动更新教程
任磊
09-17 4931
tauri使用github进行打包和自动更新教程
【亲测免费】 Tauri 自动更新示例项目指南
gitblog_01189的博客
09-15 1128
Tauri 自动更新示例项目指南 欢迎来到 Tauri 自动更新的示范项目——tauri-updater-demo。此项目展示如何为您的基于 Tauri 的应用实现自动更新功能。下面我们将详细介绍其基本架构、关键文件以及配置步骤。 1. 项目目录结构及介绍 项目结构概览: tauri-updater-demo/ ├── README.md # 项目说明文档 ├── pac...
Tauri+Vue自动更新教程对接后端接口更新
weixin_58718109的博客
02-25 375
mapp是指tauri.conf.json里里面 “productName”: “box”,比如我i的是box 那么输入的命令就是pm tauri signer generate -w ~/.tauri/box.key。输入命令npm tauri signer generate -w ~/.tauri/myapp.key。把 box.key.pub 里面内容给tauri.conf.json里面配置 pubkey。这里需要输入之前的密码，之前配置KEY的时候 输入过两次这个密码。需要输入密码（两次）
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 2472
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
Vue + JS + tauri 开发一个简单的PC端桌面应用程序
追梦&天空的博客
01-15 3880
Tauri是一款应用构建工具包，让您能够为使用 Web 技术的所有主流桌面操作系统构建软件。tauri 框架与 electron 非常相似。
安装包体积减少91%！Tauri基础入门，下一代全平台开发框架，Tauri对比Electron有什么优势？
techshrimp的博客
12-10 2863
视频版：安装包体积减少91%！Tauri基础入门，下一代全平台开发框架，Tauri对比Electron有什么优势？Tauri是一个全新跨平台应用开发框架，目前已经发布到了2.0版本。在Github上面的star数量已经飙升到了8万。开发者可以使用任意的JavaScript框架来设计开发UI，然后将同一套代码打包成全平台的桌面应用。2.0版本已经支持打包手机端的应用。过去，Electron曾是桌面开发这一领域的王者。Electron使用Nodejs作为后台框架，Chronium内核作为前端引擎。不过Elect
tauri 将网页打包成exe和已有的vue项目打包成exe
qq_52132550的博客
07-16 3217
tauri 将网页打包成exe和已有的vue项目打包成exe
tauri：使用Web前端构建更小，更快，更安全的桌面应用程序
02-04
陶里 Tauri Apps footprint : minuscule performance : ludicrous flexibility : gymnastic security : hardened 最新发行 零件 描述 版 林 赢得 苹果 创建，开发和构建应用 :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: 绑定到低级的WEBVIEW :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: 与底层操作系统接口 :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check_mark: 制造最终的二进制文件 :white_heavy_check_mark: :white_heavy_check_mark: :white_heavy_check
vue-cli-plugin-tauri:将您的Vue SPA变成轻量级的跨平台桌面应用程序
04-28
vue-cli-plugin-tauri 是用于通过Web前端创建更小，更快，更安全的桌面应用程序的工具包。 该插件将Tauri配置为可在您的Vue CLI项目中使用。 安装 如果您有任何问题，请访问或我们的。 一般先决条件： NodeJS / npm Vue CLI（ yarn global add @vue/cli / npm i -g @vue/cli ） Tauri CLI（ cargo install tauri-bundler ） （可选，但建议超过npm） 详细的先决条件安装说明： Linux： ： Mac： ： Windows： ： 脚步： 创建一个Vue CLI项目（或cd到现有项目中） vue create my-tauri-app cd my-tauri-app 安装Vue CLI插件Tauri vue add tauri 运行命令 使
java实战(3)-----引入antD的demo并运行起来
Super大头
12-03 3135
第一节和第二节说了项目的搭建和服务端的逻辑出路。下面我们要开始写前端了。由于底子差，用现成的插件比较好~这里选择了antD，因为这个是阿里推行的，都在用的。 缺点是比较大~会影响启动速度~ 进入anrD的官方网站：https://ant.design/docs/react/use-with-create-react-app-cn 为了目录结构的一致性~建议先新建一个专门用于存储前端页面的...
Tauri应用，通过github自动通知应用升级流程详解
03-17 1583
来实现，充分发挥 github 的能力（简单来说，就是不需要借助其他第三方平台或服务就可以实现整个应用的自动化发布更新）。如果不想借助 github 打包和静态资源存放，也可以参考上面的步骤，自行部署。Action 配置请参考之前的文章【Tauri 入门篇 - 跨平台编译】，此处新增环境设置签名和静态资源推送。文件，通知用户更新注意事项，格式如下（使用版本号作为标题，具体请查看。的工作流来实现，所以更新也同样使用。功能开发完成，提交代码后，只需执行。为准，在发布新版本时注意更新。
【Tauri】Tauri 2.x+Vue自动更新教程对接后端接口更新
最新发布
Mr数据杨
07-15 1424
本文详细介绍了如何在Tauri框架中配置应用更新功能。主要内容包括：1) 使用tauri signer generate命令生成公钥和私钥；2) 配置tauri.conf.json文件，设置更新端点、公钥等参数；3) 构建API接口返回正确的版本信息格式；4) 设置系统环境变量TAURI_PRIVATE_KEY并完成项目打包；5) 最终验证更新功能是否正常工作。文章还特别强调了密钥匹配的重要性，以及在打包过程中可能遇到的问题和解决方案，为开发者提供了完整的Tauri应用更新配置指南。
TAURI初体验
Bennett_G博客
03-04 1404
一直使用Electron开发桌面应用，时间长了也就腻了。很早之前就关注了Tauri，趁着有时间，刚好可以玩一下chatGPT😃😃😃1: 你需要有一个openai的账号，以及申请SK核心代码也就上面那么多，其余的就没什么可说的了。大家看看最终的效果😃😃😃。
Tauri 入门教程
热门推荐
张营的技术博客
11-28 1万+
Tauri:构建跨平台的快速、安全、前端隔离应用。Tauri 是一个相对较新的框架，允许您利用基本的 Web 技术和Rust编程语言快速创建跨平台应用程序。Tauri 基于 Rust 构建，在设计上具有安全性和高性能，与任何前端框架兼容，并允许您为所有主要桌面平台（包括macOS、Windows和Linux操作系统）创建可执行应用程序。每个 Tauri 应用程序都包含一个核心进程，作为应用程序的入口点，并且是唯一可以完全访问操作系统的组件。
Elctron正老去，Tauri正好成年(1.0正式发布)
dg313的博客
06-17 685
基于Rust开发的Tauri使用Web前端构建更小、更快、更安全的桌面应用程序(IOS与安卓即将来临)。1.0稳定版正式发布！！！比Electron更优秀！ Tauri是一个用于为所有主要桌面平台构建极小、极快二进制文件的框架。 开发人员可以集成任何可编译HTML、JS和CSS的前端框架来构建他们的用户界面及应用。 应用程序后端是一个来自Rust带有一个前端可以与之交互的API二进制文件。 详情信息TauriElectronLinux安装包尺寸3.1 MB52.1 MBMemory Consumption
tauri 增量更新
01-07
### 实现 Tauri 项目的增量更新 在构建基于 Tauri 的桌面应用程序时，实现增量更新可以显著减少用户的下载量并加快安装过程。为了达到这一目标，通常采用差异补丁技术来仅传输文件之间的变化部分。 #### 使用 `tauri-updater` 插件 Tauri 提供了一个官方插件叫做 `updater`[^1] ，它支持自动检测新版本以及执行更新操作。此工具能够处理完整的应用包替换，但对于想要实施更高效的增量更新方案来说还不够充分。 对于真正的增量更新机制，在服务器端需要准备两个资源： - 完整的应用程序二进制文件作为基础镜像。 - 已发布各版本间的 diff 补丁文件用于增量升级。 客户端则负责请求最新的可用版本信息，并决定是下载整个新的可执行文件还是只获取必要的变更片段来进行局部修补工作。 ```rust use tauri::api::updater::{self, ReleaseInfo}; use std::sync::Arc; #[tokio::main] async fn main() { let app = tauri::Builder::default() .setup(|_app| { Ok(()) }) .invoke_handler(tauri::generate_handler![]) .build(tauri::Wry) .expect("error while building tauri application"); // 启动后台线程定期检查更新 tokio::spawn(async move { loop { match updater::builder().check_for_updates(Arc::new(app.handle())).await { Ok(Some(ReleaseInfo { version, .. })) => println!("New update available: {}", version), _ => {} } tokio::time::sleep(std::time::Duration::from_secs(86400)).await; // 每天一次 } }); app.run(); } ``` 当有新版本被发现时，可以根据业务逻辑判断是否立即提示用户进行更新或是静默完成背景中的数据同步动作。 #### 配置 Yarn 命令简化流程 除了核心的功能外，还可以利用 Yarn 来简化一些日常开发运维任务。例如初始化一个新的 Tauri 更新服务可以通过简单的命令行指令快速配置环境[^2]: ```bash yarn tauri init ``` 这一步骤会帮助创建所需的目录结构和服务端点，使得后续集成更加便捷顺畅。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小叶沉迷学习

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

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

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

打赏作者

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

抵扣说明：

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

余额充值