当前位置:首页 > 技术文章 > 正文内容

分享下我近期研究,可能网上没有的 Electron 的自动更新机制

zonemu3周前 (09-24)技术文章23

Electron的自动更新机制并不算复杂,但团队内似乎没有相关文档,正好笔者搞明白了,就简单说明一下,以MacOS的arm平台为例说明,具体代码可以参考Postcat的相关配置,本篇文章就不以具体代码举例了。

这里是以Mac arm平台为例,对于不同平台,包名不一样、更新文件名不一样、压缩包后缀不一样,但总体上都是围绕这三样东西。

配置了自动更新后,构建后,会有以下几个关键文件:

  • 安装包:Postcat-1.0.0-arm64.dmg
  • 更新/指引文件:latest-mac.yml
  • 压缩包:Postcat-1.0.0-arm64-mac.zip


三者是对应的,要顺利完成自动更新,三者缺一不可。当运行Postcat时,应用程序会尝试访问更新文件,从更新文件中获取最新的版本号和一个相对路径,相对路径指向.zip压缩包。


如果更新文件latest.yml中的最新版本号和当前运行的应用程序版本号一致,则不会再去访问压缩包。


如果不一致,则回去尝试访问压缩包,去将压缩包下载到本地,自动进行更新(更新过程是自动的,笔者也不了解内部运行的机理)。


待下一次重启应用时,运行的即是最新的应用程序,大致流程模型如下:



由此可知,latest.yml文件的位置是相当重要的,它必须始终指向最新的压缩包,因为在每一次发布新版本后,需要将latest.yml文件替换掉。关于这一点,Github平台已经帮我们做得很好了,但如果你的安装包需要发布在其他平台上,这一步操作需要加入到标准流程中。


当然,由于我们有自己的需求,因此在中间加了一层Nginx,Electron关于自动更新对外的访问,都会经过Nginx,由此变成:


需要注意的是,更新文件latest.yml中的路径是相对路径,而Electron访问压缩包时走的是http协议,绝对路径,因此当自动更新出现问题时,可以查看latest.yml中的相对路径是否正确。


这个机制我有应用到目前我参与的开源项目中,Postcat 开源的 API 管理工具,纯国产,免费的,主打插件生态,适合中小团队以及个人开发者使用,有 API 相关的核心功能。


目前在 Github 上 1.3k star,如果你觉得这个项目还不错的话,不妨点个 star 支持一下~

Github:

https://github.com/Postcatlab/postcat


Demo:
https://postcat.com/zh/?utm_source=tt&utm_campaign=gf&utm_content=Electron

相关文章

Linux 发行版介绍 Zenwalk Linux(linux发行版2021)

Zenwalk Linux是基于Slackware的GNU/Linux发行版, 100%兼容Slackware。 致力于精简和快捷的图形桌面及多媒体使用。包含整套编程环境和运行库,还提供了常用服务器套...

前端学习又一大里程碑:html5+js写出歌词同步手机播放器

需要完整代码和视频请评论后加前端群470593776领取javascript进阶课题:HTML5迷你音乐播放器学习疲惫了,代码敲累了,听听自己做的的音乐播放器,放松与满足知识点:for循环语句,DOM...

15款测试html5响应式的在线工具(测试类h5)

手机、平板灯手持设备的增多,网站要顺应变化,就必须要做响应式开发,响应式网站最大的特点在于可以在不同设备下呈现不同的布局,是基于html5+css3技术,目前越来越多的网站开始采用了响应式设计,而下面...

在html5页面中如何使用vue3(html页面引入vue组件)

今天是2021.7.14,是个好日子.好久没发布文章了.今天发布下如何在在html页面中使用vue3.义县游学电子科技一直以技术文章为主.以下是h5的页面源码:<html><scri...

HTML5与APP的抉择(h5与app的区别)

同为当下炙手可热的技术,围绕APP和HTML5难免少不了各种争辩。而在“互联网+”时代,许多面临转型的传统企业,也在选择转型工具时,陷入了HTML5或APP的纠结抉择之中……到底该选择HTML5还是A...

JavaScript中的数组(Array)方法你真的了解吗?

在过去的几个月,我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章,总结了如何在 JavaScript 中正确使用地使用 Array 的方法!用 Array.inc...