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 消息弹窗代码

posted @ 2020-05-30 13:29  冰黎  阅读(4673)  评论(2编辑  收藏  举报