electron

1、安装electron-builder npm install electron-builder --save-dev 2、在项目的package.json文件中配置 electron-builder相关参数 具体参数可以参考官方文档: https://www.electron.build/configuration/configuration 下面贴出我自己的配置: { "name" : "electron-quick-start" , "version" : "1.0.0" , "description" : "A minimal Electron application" , "main" : "main.js" , "scripts" : { "start" : "electron ." , "build" : "electron-builder" }, "build" : { "appId" : "com.imaxue.app" , "productName" : "yangyi" , "win" : { "icon" : "build/favicon.ico" , "target" : [ "nsis" ] }, "nsis" : { "oneClick" : false , "perMachine" : true ,

使用electron开发桌面应用对于前端来说是比较新的领域。通常web端实现应用的更新比较简单，因为用户访问web端的网页都是通过浏览器访问，输入网址后，找到对应服务器的资源然后返回给用户，所以我们更新应用只需要替换服务器端的代码就可以。但是对于客户端，大多数资源都是在本地的，没有网络也是可以打开，只是和网络交互的接口没有数据而已。 所以桌面应用程序更新需要用户在应用开始时检测更新，用户决定是否更新替换当前应用。 electron-updater实现应用更新的步骤： 1、npm install electron-updater --save 这里不能使--save-dev因为该插件在程序运行时需要。 2、在electron程序入口文件main.js中加入如下配置 ipcMain.on('update', (e, arg)=>{ updateHandle(); }) // 检测更新，在你想要检查更新的时候执行，renderer事件触发后的操作自行编写 function updateHandle(){ let message={ error:'检查更新出错', checking:'检查更新中……', updateAva:'正在下载新版本……', updateNotAva:'现在已是最新版本', }; //如下应用程序的路径请自行替换成自己应用程序的路径 let