Electron 中如何使用 Notification API？

推荐答案

在 Electron 中使用 Notification API 可以通过 Notification 类来实现。以下是一个简单的示例代码，展示如何在 Electron 应用中创建和显示通知：

// www.javascriptcn.com code example
const { Notification } = require('electron');

function showNotification(title, body) {
  const notification = new Notification({
    title: title,
    body: body
  });

  notification.show();
}

// 示例：显示一个通知
showNotification('Hello', 'This is a notification from Electron!');

本题详细解读

1. 引入 Notification 类

在 Electron 中，Notification 类是用于创建和显示系统通知的核心类。首先需要从 electron 模块中引入 Notification 类：

const { Notification } = require('electron');

2. 创建通知对象

通过 new Notification(options) 可以创建一个通知对象。options 是一个对象，包含通知的配置项，常用的配置项有：

• title: 通知的标题。
• body: 通知的内容。
• icon: 通知的图标（可选）。
• silent: 是否静音（可选，默认为 false）。

const notification = new Notification({
  title: 'Hello',
  body: 'This is a notification from Electron!',
  icon: 'path/to/icon.png'
});

3. 显示通知

创建通知对象后，调用 notification.show() 方法来显示通知：

notification.show();

4. 处理通知事件

Notification 类还提供了一些事件，可以用于处理用户与通知的交互。例如：

• click: 当用户点击通知时触发。
• close: 当通知关闭时触发。

notification.on('click', () => {
  console.log('Notification clicked');
});

notification.on('close', () => {
  console.log('Notification closed');
});

5. 注意事项

• 在 macOS 上，通知会显示在系统的通知中心。
• 在 Windows 和 Linux 上，通知会显示为弹窗。
• 如果应用未获得焦点，通知仍然会显示，但可能不会弹出窗口。

通过以上步骤，你可以在 Electron 应用中轻松使用 Notification API 来创建和显示系统通知。