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