让你的软件自动更新，如何使用github和electron-react-boilerplate跨平台应用模板项目实现软件的自动更新功能

---

前言

在开发应用时发现自动更新功能实现起来较为麻烦，但是确实必要的功能。Electron React Boilerplate提供了一个简单而强大的自动更新功能，使您能够轻松地将最新版本的应用程序分发给用户，并确保他们始终使用最新的功能和修复。

一、Electron React Boilerplate是什么？

Electron React Boilerplate是一个用于快速启动Electron应用程序的起点项目。它结合了Electron和React两个流行的技术栈，为开发者提供了一个简单而强大的基础。该项目提供了一套预置的工具和配置，使您能够快速构建跨平台的桌面应用程序，无需从头开始设置。

二、使用步骤

1.使用 Electron React Boilerplate 模版项目创建github项目仓库

打开Electron React Boilerplate项目网站

https://github.com/electron-react-boilerplate/electron-react-boilerplate

点击 use this template 按钮，在下拉菜单选择 create a new repository

设置你的项目，创建代码仓库

2. 克隆项目仓库配置package.json文件

克隆你的项目仓库，以示例项目coudos为例

https://github.com/couchette/coudos

使用vscode打开项目打开package.json文件

到这里自动更新的基本配置就结束了。

发布第一个release

1. 修改版本信息

打开项目文件夹下面的release/app/package.json，修改version信息，在打包时或根据该package.json文件自动生成版本信息

2. 打包项目

在终端运行 npm i安装项目依赖
开发模式可以输入 npm run start预览项目，本文主要介绍打包项目的流程。
在终端运行 npm run package打包项目
打包完成有可以在release/app/build下面看到打包好的文件

3. 在仓库发布release版本

进入你的仓库主页点击右侧的Release

进入Release页面后点击 Draft a new release

编写你的release信息

注意事项：如果选择 Set as a pre-release 该relase版本将不会被自动更新程序监测。
你需要上传下列3个文件

注意事项：在上传时注意，github会将你文件夹名中的空格改为’.‘，请手动将空格部分改为’-’

你需要将其改为如下图所示

最终的效果如下

测试自动更新的功能

1. 发布一个测试用的新版v0.0.2

安装之前提到的步骤发布一个v0.0.2，注意一定要修改release/app/package.json中的版本（建议和你的release版本号同步），否则版本更新会失效

2. 下载安装并运行v0.0.1版本测试测试其是否会自动更新

当软件启动时，会检查是否有新版本，如果有，就会在后台下载，具体日志信息在windows系统C:\Users<用户名>\AppData\Roaming\coudos\logs\main.log文件中查看
下载完成后会出现如下弹窗，在你关闭窗口之后，会自动更新到最新版本，如下图所示

总结

感谢您看到这里，本文展示了从打包到发布到自动更新的全过程，希望对您有所帮助，如果文章中存在任何问题、疏漏，或者您对文章有任何建议，请在评论区提出。