electron-vue项目自动更新解决方案（附代码）

最新推荐文章于 2025-06-20 15:54:47 发布

凉音、

最新推荐文章于 2025-06-20 15:54:47 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： electron vue 文章标签： electron electron-vue

本文链接：https://blog.csdn.net/HRM2454/article/details/108259247

本文详细介绍如何在Electron应用中实现自动更新功能，包括安装electron-updater依赖、配置package.json、创建更新逻辑代码、主进程引入及渲染进程触发检测等步骤。

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

electron-vue的创建过程这里不再赘述。相信已经搜索到这篇文章的你，已经完成了这个过程，下面我们进入正题

前言

如果您的electron版本还是2.xx版本，需要更新electron版本，更新方式戳这里https://blog.csdn.net/weixin_43272648/article/details/104339699

第一步，安装electron-updater依赖

npm install electron-updater --save

第二步，配置package.json文件

在package.json中build配置项下边添加如下代码

"build": {
    ...

    "publish": [
      {
        "provider": "generic",
        "url": "http://localhost:8080/package" // 这里是存放.exe和latest.yml文件的地址
      }
    ],
    
    ...
}

第三步，新建更新文件

创建/src/main/model/update.js 文件，model这个文件夹初始是没有的，可以自己创建

/**
 * @description 执行自动更新检查
 * @author: hruomei
 * @update 暂无
 * @date: 2020-08-24 17:09:32
 */

const { ipcMain } = require('electron')
const { autoUpdater } = require("electron-updater")
const { build } = require("../../../package.json")

// 用户反馈立即更新
ipcMain.on('ev-update-now', () => {
    console.log('ev-update-now::: 用户同意更新，开始更新') 

    autoUpdater.quitAndInstal