通知 (Windows, Linux, macOS)

通知 (Windows, Linux, macOS)

概览

所有三个操作系统为应用程序向用户发送通知提供了手段。在主程序和渲染程序中，显示通知的技术不同的。

为了渲染程序，Electron方便地允许开发者使用 HTML5 通知 API 发送通知，使用当前运行中的系统的原生通知 API 以显示它。

要在主进程中显示通知，您需要使用通知模块。

示例

在渲染过程中显示通知

假定您有的 Electron 应用程序快速启动指南，添加以下行到 索引。结束前的tml 文件 </body> 标签：

<script src="renderer.js"></script>

并添加 渲染器.js 文件：

const myNotification = new Notification('Title', {
  body: 'Notification from the Renderer process'
})
myNotification.onclick = () => {
  console.log('Notification clicked')
}

启动 Electron 应用程序后，您应该看到通知：

如果您打开控制台，然后单击通知。您将看到触发 onclick 事件后生成的消息：

在主进程中显示通知

从的工作应用程序开始快速启动指南, 更新 main.js 文件中包含以下行：

const { Notification } = require('electron')
function showNotification ()
  const notification = {
    title: 'Basic Notification',
    body: 'Notification from the Main process'
  }
  new Notification(notification).show()
}
app.whenReady().then(createWindow).then(showNotification)

启动 Electron 应用程序后，您应该看到通知：

补充资料

虽然操作系统的代码和用户体验相似，但依然存在微妙的差异。

Windows

在 Windows 10 上，您的应用程序的快捷方式必须安装到启动菜单中，包含一个应用程序用户模型ID.aspx) 这可能会在开发过程中被过度杀死，因此将 node_modules\electron\dist\electron.exe 添加到您的开始菜单中也做到了的技巧。在Explorer, 右键单击和“Pin 开始菜单”中导航到文件。然后您需要添加第 个应用。setAppUserModelId(process.execPath) 到您的主要进程才能看到通知。
在 Windows 8.1 和 Windows 8 上，带有应用程序用户模型ID（Application User Model ID）.aspx) 的应用程序快捷方式必须被添加到开始屏幕上。但是请注意，它不需要被固定到开始屏幕。
在 Windows 7 上, 通知通过视觉上类似于较新系统原生的一个自定义的实现来工作。

Electron尝试将应用程序用户模型 ID 的相关工作自动化。 Electron在和安装和更新框架 Squirrel 协同使用的时候，快捷方式将被自动正确的配置好。更棒的是，Electron 会自动检测 Squirrel 的存在，并且使用正确的值来自动调用app.setAppUserModelId()。在开发的过程中, 你可能需要自己调用app.setAppUserModelld()

此外，在Windows 8中，通知正文的最大长度为250个字符，Windows团队建议将通知保留为200个字符。然而，Windows 10中已经删除了这个限制，但是Windows团队要求开发人员合理使用。尝试将大量文本发送到API(数千个字符) 可能会导致不稳定。

通知（Notifications）

通知 (Windows, Linux, macOS)

概览

示例

在渲染过程中显示通知

在主进程中显示通知

补充资料

Windows

高级通知

免打扰模式 / 演示模式

macOS

高级通知

勿扰 / 会话状态

Linux