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 消息彈窗代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM