electron autoUpdater自动更新使用示例 客户端+服务端

封装好的 update.js 模块

javascript 复制代码
'use strict';
const { autoUpdater } = require('electron')
// 更新检测
// https://www.electronjs.org/zh/docs/latest/api/auto-updater

const checkUpdate = (serverUrl) =>{

    const updateUrl = `${serverUrl}/update?platform=${process.platform}&version=${app.getVersion()}`

    // 注意这里必须使用trycatch包裹 否则代码无法运行
    try {
        autoUpdater.setFeedURL({ updateUrl })
        // 每隔 5 分钟检查一次更新
        setInterval(() => {
            autoUpdater.checkForUpdates()
        }, 60000 * 5)
        /**
         * 更新下载完成的时候触发。
         * API文档中的返回,即下面的参数,根据返回的参数顺序接收
         *
         * 返回:
        event Event
        releaseNotes string
        releaseName string
        releaseDate Date
        updateURL string
         */
        autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName,releaseDate, updateURL) => {
            const dialogOpts = {
            type: 'info',
            buttons: ['Restart', 'Later'],
            title: 'Application Update',
            message: process.platform === 'win32' ? releaseNotes : releaseName,
            detail:
                'A new version has been downloaded. Starta om applikationen för att verkställa uppdateringarna.'
            }

            dialog.showMessageBox(dialogOpts).then((returnValue) => {
            if (returnValue.response === 0) autoUpdater.quitAndInstall()
            })
        })
        autoUpdater.on('checking-for-update',(evt)=>{
            console.log(evt);
        })
        autoUpdater.on('update-available',(evt)=>{
            console.log(evt);
        })
        autoUpdater.on('update-not-available',(evt)=>{
            console.log(evt);
        })
        // 错误处理
        autoUpdater.on('error', (err) => {
            console.error('There was a problem updating the application')
            console.error(err)
        })
    } catch (error) {
        console.log(error);
    }
}

module.exports = checkUpdate

main.js中调用

javascript 复制代码
const { app, BrowserWindow, autoUpdater } = require('electron')
const path = require('node:path')

const checkUpdate = require('./update')

// API服务BASE_URL
const SERVER_URL = 'https://api.tekin.cn/electronAppDemo'

const createWindow = () =>{
    const win = new BrowserWindow({
        width:800, height: 600,
        // 预加载
        webPreferences:{
            // nodeIntegration: true,
            sandbox: false,
            // __dirname 字符串指向当前正在执行的脚本的路径(在本例中,它指向你的项目的根文件夹)。
            // path.join API 将多个路径联结在一起,创建一个跨平台的路径字符串。
            preload: path.join(__dirname, 'preload.js')
        }
     })
    // 加载URL
    win.loadURL('https://dev.tekin.cn')

}


// 使用whenReady函数监听
app.whenReady().then(()=>{
    createWindow()
    app.on('activate',()=>{
        //如果没有窗口打开则打开一个窗口 (macOS)
        if (BrowserWindow.getAllWindows().length===0) {
            createWindow()
        }
    })



   // 执行更新检测
   checkUpdate(SERVER_URL)
})


// 关闭所有窗口时退出应用 (Windows & Linux)
app.on('window-all-closed',()=>{
    if (process.platform != 'darwin' ) {
        app.quit();
    }
})

服务端API

服务端更新API JSON格式 Update Server JSON Format

仅 url 是必须提供的参数,其他可选

bash 复制代码
{
	"url": "https://mycompany.example.com/myapp/releases/myrelease",
	"name": "My Release Name",
	"notes": "Theses are some release notes innit",
	"pub_date": "2013-09-18T12:29:53+01:00"
}

Update File JSON Format

The alternate update technique uses a plain JSON file meaning you can store your update metadata on S3 or another static file store. The format of this file is detailed below:

```json

{

"currentRelease": "1.2.3",

"releases": [

{

"version": "1.2.1",

"updateTo": {

"version": "1.2.1",

"pub_date": "2013-09-18T12:29:53+01:00",

"notes": "Theses are some release notes innit",

"name": "1.2.1",

"url": "https://mycompany.example.com/myapp/releases/myrelease"

}

},

{

"version": "1.2.3",

"updateTo": {

"version": "1.2.3",

"pub_date": "2014-09-18T12:29:53+01:00",

"notes": "Theses are some more release notes innit",

"name": "1.2.3",

"url": "https://mycompany.example.com/myapp/releases/myrelease3"

}

}

]

}

```

PHP代码示例

bash 复制代码
     public function update() {
		// electron autoUpdater  Tekin
		$data = ["url" => "https://dev.tekin.cn/download/myapp.zip", 'name' => "MyApp 1.0.0", "notes" => "Theses are some release notes innit", "pub_date" => "2013-09-18T12:29:53+01:00"];
		exit(json_encode($data, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE));
	}
相关推荐
ZwaterZ3 分钟前
vue el-table表格点击某行触发事件&&操作栏点击和row-click冲突问题
前端·vue.js·elementui·c#·vue
码农六六3 分钟前
vue3封装Element Plus table表格组件
javascript·vue.js·elementui
西凉河的葛三叔7 分钟前
vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗
前端·vue3·elementui-plus
徐同保8 分钟前
el-table 多选改成单选
javascript·vue.js·elementui
快乐小土豆~~8 分钟前
el-input绑定点击回车事件意外触发页面刷新
javascript·vue.js·elementui
周三有雨15 分钟前
【面试题系列Vue07】Vuex是什么?使用Vuex的好处有哪些?
前端·vue.js·面试·typescript
木古古1828 分钟前
使用chrome 访问虚拟机Apache2 的默认页面,出现了ERR_ADDRESS_UNREACHABLE这个鸟问题
前端·chrome·apache
爱米的前端小笔记37 分钟前
前端八股自学笔记分享—页面布局(二)
前端·笔记·学习·面试·求职招聘
loey_ln1 小时前
webpack配置和打包性能优化
前端·webpack·性能优化