本着想做點啥,開始想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
筆記。