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()
  }
}

效果如下:
图片alt