当前位置: 首页 > news >正文

兴平做网站百度账号登陆

兴平做网站,百度账号登陆,多用户商城系统网站建设,北京装饰公司十强文章目录 引入实现效果实现步骤引入依赖配置electron-buidler文件封装版本升级工具类主进程调用版本更新校验渲染进程封装方法调用 测试版本更新 引入 demo项目地址 electron-updater官网 我们不可能每次发布新的版本都让用户去手动下载安装最新的包#xff0c;而是应用可以… 文章目录 引入实现效果实现步骤引入依赖配置electron-buidler文件封装版本升级工具类主进程调用版本更新校验渲染进程封装方法调用 测试版本更新 引入 demo项目地址 electron-updater官网 我们不可能每次发布新的版本都让用户去手动下载安装最新的包而是应用可以自动下载新包进行覆盖安装electron-updater就可以非常方便的实现这个功能 实现效果 实现步骤 引入依赖 实测用pnpm安装打包运行会有问题这里还是推荐使用npm管理依赖 npm i electron-updater 配置electron-buidler文件 我们修改根目录下的electron-buidler文件补充安装包更新地址配置 electron-builder.json5 {...// 配置安装包更新地址publish: [{provider: generic,url: http://common.longzipeng.online/package/auto,},], }封装版本升级工具类 封装一个appVersion工具类 electron\main\appVersion.ts这里注意updateUrl就是存放我们安装包的远程服务器的地址【可以是nginx服务器也可以是第三方云存储OSS】我这里还会放mac和win两个目录用于不同平台的自动更新 import { autoUpdater } from electron-updater; import { dialog, BrowserWindow } from electron;const updateUrl http://common.longzipeng.online/package/auto;/**检测更新 */ export const checkUpdate (win: BrowserWindow) {console.log(开始检测);// 设置更新检测的资源路径会检测对应路径下的 last.yaml文件中的版本信息 上线后确保该文件能正常访问if (process.platform darwin) {autoUpdater.setFeedURL(${updateUrl}/mac);return;} else {autoUpdater.setFeedURL(${updateUrl}/win);}//检测更新autoUpdater.checkForUpdates();//监听error事件autoUpdater.on(error, err {console.log(出错拉 err);dialog.showErrorBox(更新出错拉, err.message);});//监听update-available事件发现有新版本时触发autoUpdater.on(update-available, () {console.log(found new version);dialog.showMessageBox({message: 发现新版本正在下载安装包});});// 更新包下载百分比回调autoUpdater.on(download-progress, function (progressObj) {if (win) {win.webContents.send(download-progress, progressObj);}});//默认会自动下载新版本如果不想自动下载设置autoUpdater.autoDownload false// autoUpdater.autoDownload false;//监听update-downloaded事件新版本下载完成时触发autoUpdater.on(update-downloaded, () {dialog.showMessageBox({type: info,title: 应用更新,message: 需要退出程序才能安装新版本是否安装,buttons: [是, 否]}).then(buttonIndex {if (buttonIndex.response 0) {//选择是则退出程序安装新版本autoUpdater.quitAndInstall();}});}); };主进程调用版本更新校验 我们在主进程中添加检测版本更新的handle处理 electron\main\index.ts /** * 版本更新检测 */ ipcMain.handle(check-update,(e:any){// 获取发送通知的渲染进程窗口const currentWin getWindowByEvent(e);// 升级校验checkUpdate(currentWin); });/*** 通过窗口事件获取发送者的窗口* param event ipc发送窗口事件*/ function getWindowByEvent(event: IpcMainEvent): BrowserWindow {const webContentsId event.sender.id;for (const currentWin of BrowserWindow.getAllWindows()) {if (currentWin.webContents.id webContentsId) {return currentWin;}}return null; }渲染进程封装方法调用 src\utils\electronUtils.ts /*** 检查版本更新*/ export function checkUpdate(){ipcRenderer.invoke(check-update); }export default {...checkUpdate }; 测试版本更新 1.我们直接在HeeloWorld组件中调用封装的更新校验方法并监听下载回调 src\components\HelloWorld.vue scriptonMounted(() {// 版本更新下载进度回调ipcRenderer.on(download-progress,downloadProgressHandle);});// 版本更新处理下载进度回调function downloadProgressHandle(e:any,data:any){console.log(data);}onUnmounted(() {ipcRenderer.removeListener(download-progress,downloadProgressHandle);}); /script templateliel-button clickelectronUtils.checkUpdate检测版本更新/el-button/li /template2.我们修改oackage.json文件将version的版本提升 3.接着我们打包项目在release目录下会出现一个1.0.1的文件夹里面就是最新打包生成的文件需要上传到服务器上的是如下两个文件 release\1.0.1\latest.ymlrelease\1.0.1\electron-vue3-template_1.0.1.exe 4.把两个文件上传到服务器中这里为了方便起见我直接上传到七牛云的oss中 5.最后我们把package.json的版本号再调回1.0.0然后打包本地安装运行【只有安装好的应用才能进行更新】 6.最终效果如下
http://www.huolong8.cn/news/388757/

相关文章:

  • 重庆公司建设网站玩具网站模板
  • 低面效果在哪个网站做长尾关键词排名推广
  • 中国门户网站有哪些手机免费图片制作软件
  • 安徽 网站建设旧版优化大师
  • 有哪些营销型网站东莞 网站建设多少钱
  • 企业网站域名备案流程做网站导航能赚钱吗
  • 宁波网站建设费用报价怎么做购物车网站
  • 找外包网站 和自己做网站案例展示怎么做
  • 网站改版模版山西做网站的公司有哪些
  • 太原网站建设 网站制作爱心助学网站建设
  • 中山网站建设招聘wordpress设置略缩图外链图片
  • 高校网站建设的问题及对策刚开始做网站要传数据库吗
  • 湖南网站开发哪家好wordpress 托管建站
  • 深圳市门户网站建设企业阜平网站建设
  • 增城哪家网站建设好做网站 每月赚 钱
  • 婚庆网站的设计意义凡科建站骗子
  • 网站速度优化方案wordpress 主题学习
  • 芜湖网站备案咨询电话龙岩亿网行
  • 长春做网站公司长春网站排名张家港微网站
  • 网站设计师简介营业推广策略有哪些
  • 网络推广最好的网站做黑彩票的网站赚钱
  • 学网站制作承接网站建设服务
  • 虹口广州网站建设百度可以做网站吗
  • 劳务网站有做吗中山皇冠建设开发有限公司网站
  • 衡水淘宝的网站建设网站建设与制作石家庄
  • 制作网站要钱吗wordpress最近浏览器
  • 个人网站怎么推广网站建设实训个人总结3000
  • 网页设计资料的网站上海建工网站
  • 网站可以做动态背景吗手机端网站加盟
  • 免费舆情网站下载重庆装修公司排行榜