electron 发起系统信息通知提示

本着想做点啥，开始想electon既然是桌面级别程序，是不是可以发起系统信息通知呢...

效果展示

我在百度搜索到，electon如果需要用到这个Notification功能，那么需要注册个AppID，看到这里我是一脸懵逼(找不到那个问题贴了)。
又百度发现，害，原来这么简单啊。
1、 先在你的package.json里添加：

"build": {
    "appId": "com.example.app"
}

经我后面测试，发现这段其实有没有都是不影响最后弹窗效果的。

2、然后在你的入口main.js里，添加app.setUserModelId("com.electron.这里改成你package.json里name");这串代码。

3、最后，在你需要弹窗的地方，添加以下代码（我是绑定给按钮，所以我在按钮点击事件里添加的）：

$testBtn.on('click', () => {
  let option = {
    title: "你订阅冰黎的博客更新了",                            // 通知标题
    body: "更新内容blablala的",                               // 内容
    icon: "../favicon.ico",                                 // 图标
    href: 'https://www.cnblogs.com/binglicheng/'            // 地址
  };

  // 创建通知并保存
  let hhwNotication = new window.Notification(option.title, option);

  // 当通知被点击时
  hhwNotication.onclick= function(){
      // TODO something...
  }
})

至此，本章完。

这是个我集合两个人的代码的文章。也是做个demo笔记。

参考网站

electron win 10添加AppID
electron 消息弹窗代码