Electron 系统通知 Notification 实践指南

系统通知是桌面应用的常见功能，用于给用户发送提醒（刷下存在感 🙂），还能帮定点击事件以便后续的操作。

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/**/*"]}
}