技能培训网站,南通建设网站,html教学,东营网格通二维码系统通知是桌面应用的常见功能#xff0c;用于给用户发送提醒#xff08;刷下存在感 #x1f642;#xff09;#xff0c;还能帮定点击事件以便后续的操作。
Electron 自带通知模块#xff0c;下方代码是一个简单的示例
const { Notification } require(electron)cons…系统通知是桌面应用的常见功能用于给用户发送提醒刷下存在感 还能帮定点击事件以便后续的操作。
Electron 自带通知模块下方代码是一个简单的示例
const { Notification } require(electron)const notice (title, body) new Promise((ok,fail){if(!Notification.isSupported()) fail(当前系统不支持通知)let ps typeof(title) object? title : {title, body}let n new Notification(ps)n.on(click, ok)n.show()
})notice(通知演示程序, 程序启动完成本次初始化耗时 ${Math.ceil(Math.random()*1000)} ms)我们看看运行效果OS 为 windows 11 家庭中文版 这看起来还不错不过在 windows 10 下会遭遇滑铁卢通知无法正常显示。这是由于 OS 安全机制导致兼容方案请看这里关于electron的notification在win10下不显示问题
我个人觉得上述操作下来较麻烦于是找到了node-notifier代码改造
const { release } require(os)const notice (title, body) new Promise((ok, fail){notify({ appID: release().indexOf(10.0.1)0? : 演示程序, title, message: body, sound: true, wait: true, time: 30*1000 },(err, response, metadata)ok())
})效果如下 另外打包此处用的是 electron-builder node-notifier 时需添加以下配置
{build:{asarUnpack: [./node_modules/node-notifier/**/*]}
}
