📌  相关文章
📜  电子-通知

📅  最后修改于: 2020-10-25 10:56:39             🧑  作者: Mango

Electron仅为MacOS提供本机通知API。因此，我们将不使用它，而是使用一个名为node-notifier的npm模块。它使我们可以在Windows，MacOS和Linux上通知用户。

在该文件夹中使用以下命令将node-notifier模块安装在您的应用文件夹中-

$ npm install --save node-notifier

现在，让我们创建一个具有按钮的应用程序，该按钮将在每次单击该按钮时生成通知。

创建一个新的main.js文件，并在其中输入以下代码-

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

let win

function createWindow() {
   win = new BrowserWindow({width: 800, height: 600})
   win.loadURL(url.format ({
      pathname: path.join(__dirname, 'index.html'),
      protocol: 'file:',
      slashes: true
   }))
}

app.on('ready', createWindow)

现在让我们创建将触发通知的网页和脚本。使用以下代码创建一个新的index.html文件-


      Menus

该通知方法可以让我们将它传递之类的标题，消息，缩略图等我们自定义通知其帮助的objectwith信息。我们还可以在通知上设置一些事件侦听器。

现在，使用以下命令运行应用程序-

$ electron ./main.js

单击我们创建的按钮时，您将看到来自操作系统的本机通知，如以下屏幕截图所示-

通知

我们还处理了用户单击通知或通知超时的事件。这些方法可帮助我们在后台运行该应用时使其更具交互性。