Electron的消息通知是通过H5的window.Notification来实现的。
window.Notification的属性参数
- title: 通知的标题,可以显示在通知栏上
- option: 消息通知的各种属性配置,以对象的形式进行配置
其实如果你想详细学习,完全可以看H5的NotificationAPI进行学习。
核心代码:
const {
Notification
} = require('@electron/remote')
window.onload = function () {
var btn = this.document.querySelector('#showNotice')
btn.onclick = function () {
const notification = {
title: '消息标题',
body: '消息通知内容'
}
new Notification(notification).show()
}
}
效果如下: