electron例子 | 桌面通知

上图：

index.html

DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello World!title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
head>
<body>
    <h1>Hello World!h1>
    <p>After launching this application, you should see the system notification.p>
    <p id="output">Click it to see the effect in this interface.p>

    <script src="renderer.js">script>
body>
html>

index.js

const { app, BrowserWindow } = require('electron')

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600
  })

  win.loadFile('index.html')
}

app.whenReady().then(createWindow)
app.setAppUserModelId("com.electron.notify");
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})

renderer.js

const NOTIFICATION_TITLE = 'Title'
const NOTIFICATION_BODY = 'Notification from the Renderer process. Click to log to console.'
const CLICK_MESSAGE = 'Notification clicked!'

new Notification(NOTIFICATION_TITLE, { body: NOTIFICATION_BODY })
  .onclick = () => document.getElementById("output").innerText = CLICK_MESSAGE

package.json

{
  "name": "notify",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "keywords": [],
  "description": ""
}

没有这个通知不了,此外需要开启通知

Electron.js

electron例子 | 桌面通知

相关

标签