问题:如何让我的电子自动更新程序工作?

当我在我的 Github 存储库中发布新更新时,我试图让我的 Electron Vue.js 应用程序自行更新。

我正在使用“electron-builder”打包我的应用程序,这是我的package.json

我正在关注这个指南但它没有用。

这是位于 src/main/index.js 顶部的更新程序部分的代码。

const { app, autoUpdater, dialog } = require('electron')
const server = "https://hazel.scarvite.now.sh/"
const feed = `${server}/update/${process.platform}/${app.getVersion()}`
autoUpdater.setFeedURL(feed)

setInterval(() => {
    autoUpdater.checkForUpdates()
}, 60000)

autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
    const dialogOpts = {
        type: 'info',
        buttons: ['Restart', 'Not Now. On next Restart'],
        title: 'Update',
        message: process.platform === 'win32' ? releaseNotes : releaseName,
        detail: 'A New Version has been Downloaded. Restart Now to Complete the Update.'
    }

    dialog.showMessageBox(dialogOpts).then((returnValue) => {
        if (returnValue.response === 0) autoUpdater.quitAndInstall()
    })
})

autoUpdater.on('error', message => {
    console.error('There was a problem updating the application')
    console.error(message)
})

我希望你们能帮助我

解答

经过一番挣扎,我想通了。原来我使用的 zeit.co 服务器没有发送 latest.yml。所以我们可以完全删除

const server = "https://hazel.scarvite.now.sh/"
const feed = `${server}/update/${process.platform}/${app.getVersion()}`
autoUpdater.setFeedURL(feed)

我开始使用 github。我们还必须将自动更新器从电子(已弃用)更改为电子生成器的自动更新器。我们是这样导入的:const { autoUpdater } = require("electron-updater");不要忘记npm i electron-updater

在我的 Package.json 中,我更改了我的构建脚本,因此它会直接作为 draft.node .electron-vue/build.js && electron-builder -p always发布到 github。

我还必须添加

"repository": {
    "type": "git",
    "url": "https://github.com/ScarVite/Example-Repro/"
},
    "publish": {
    "provider": "github",
    "releaseType": "release"
},
"build": {
    "productName": "Your App Name",
    "appId": "com.example.yourapp",
    "directories": {
        "output": "build"
    },
    "files": [
        "dist/electron/**/*"
    ],
    "win": {
        "icon": "build/icons/icon.ico",
    "publish": [
            "github"
        ]
    },

我在 app.on('ready') 中调用了 autoUpdater.checkForUpdatesAndNotify();并设置了一个间隔,因此它每 10 分钟检查一次

然后在 autoupdater 事件 update-downloaded 中,我发送了一个对话框,询问用户是否要立即或以后重新启动和更新应用程序。如果响应是现在我调用autoUpdater.quitAndInstall()并重新启动。 Autoupdater 会在您下次自动关闭应用程序时更新

Logo

前往低代码交流专区

更多推荐