electron-vue 更新踩坑

最新推荐文章于 2024-08-29 14:00:47 发布

好想掉进那故事里

最新推荐文章于 2024-08-29 14:00:47 发布

阅读量1.2k

点赞数 2

本文链接：https://blog.csdn.net/weixin_42837731/article/details/104263150

版权

在使用Electron Vue进行应用开发时，遇到更新功能的坑点。首先，在主进程的JS文件中正确引入相关模块，然后在App.vue的渲染页面通过ipcRenderer监听更新事件。需要注意的是，项目必须打包后运行才能正常触发更新，且Electron版本至少为3.0.0，同时使用electron-updater版本4.1.2才可避免错误。

摘要由CSDN通过智能技术生成

electron-vue 更新踩坑

新建一个update.js文件
首先引入electron-updater,没装的就npm install下

import { autoUpdater } from 'electron-updater'
//因为要和渲染器进程通信 所以引入
import { ipcMain } from 'electron'
const fs = require('fs-extra')
const path = require('path')
const log = require('electron-log')   //日志打印方便查看

//定义状态
const MESSAGE = {
  error: {
    status: 0,
    text: '检查更新出错'
  },
  checking: {
    status: 1,
    text: '正在检查更新……'
  },
  updateAva: {
    status: 2,
    text: '检测到新版本'
  },
  updateNotAva: {
    status: 3,
    text: '现在使用的就是最新版本，不用更新'
  }
}

贴上主要代码

class Update {
//将该窗口对象作为参数
  constructor(mainWindow) {
    this.mainWindow = mainWindow
    this.updaterCacheDir = 'xxxx'   //更新下载产生的文件目录名 要与packjson 里的name 一致
    this.uploadUrl = 'xxxx';   //更新服务器的地址
    this.init()
    this.onError()
    this.onCheckUpdate()
    this.onCheckFound()
    this.onNoCheckFound()
    this.onDownloadProcess()