系统通知是桌面应用的常见功能,用于给用户发送提醒(刷下存在感 🙂),还能帮定点击事件以便后续的操作。
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/**/*"]}
}