Question

我正在开发一个通过套接字服务器创建警报/通知的应用程序。所以我已经制作了以下组件来实现相同的功能。

带节点通知程序的套接字服务器
电子申请

我在这里收到通知，没有任何问题。但是，当我点击通知时，它不会进入代码部分。所以我无法处理点击，关闭等事件。

top.notification.on("click", ev =>{ console.log("User Clicked on Notification"); });

我用于Electron应用程序的index.js文件如下所示。

"use strict";

const appId = "com.myapp.id";
const {
  app,
  nativeImage,
  Tray,
  Menu,
  BrowserWindow,
  Notification
} = require("electron");
app.setAppUserModelId(appId);
let top = {}; // prevent gc to keep windows
app.once("ready", ev => {
  top.win = new BrowserWindow({
    width: 800,
    height: 600,
    center: true,
    minimizable: true,
    show: true,
    webPreferences: {
      nodeIntegration: false,
      webSecurity: true,
      sandbox: true,
    },
  });
  top.win.loadURL("http://localhost:4200");
  top.win.on("close", ev => {
    //console.log(ev);
    ev.sender.hide();
    ev.preventDefault();
  });

  top.notification = new Notification('Title', {
    body: 'Lorem Ipsum Dolor Sit Amet'
  });
  top.notification.on("click", ev => {
    console.log("User Clicked on Notification");
  });
});
app.on("before-quit", ev => {
  top.win.removeAllListeners("close");
  top = null;
});

套接字服务器代码如下所示

let app = require('express')();
let http = require('http').Server(app);
let io = require('socket.io')(http);
let not = require('node-notifier');

io.on('connection', (socket) => {
  var userId = Math.floor(Math.random() * 100)
  // Log whenever a user connects
  console.log(userId, 'user connected');
  var alert = new Object();
  alert.name = 'fire at backyard';
  alert.details = 'fire at backyard hometown  location :lat:1.23424 lang:123434';
  alert.createdBy = 'User';
  alert.createdDate = new Date();
  // Log whenever a client disconnects from our websocket server
  socket.on('disconnect', function() {
    console.log(userId, 'user disconnected');
  });
  // When we receive a 'message' event from our client, print out
  // the contents of that message and then echo it back to our client
  // using `io.emit()`
  socket.on('message', (message) => {
    alert.name = message;
    io.emit('alertGenerated', alert);
    not.notify({
      title: 'My notification',
      message: 'Hello, there!',
      appId: "com.myapp.id"
    });
    console.log("Message send by socket", userId, ":", alert.name);
  });
});
// Initialize our websocket server on port 5000
http.listen(8000, () => {
  console.log('started on port 8000');
});

请帮我处理Electron框架中Windows桌面通知的通知事件。

Answer 1

如果我正确理解了您的问题，Electron将使用与浏览器相同的Notifications API来显示桌面通知。

因此，要管理点击事件（例如打开新窗口），您可以创建一个通知，并向该点击事件添加侦听器。就我而言，我使用

打开新窗口

newNotification = new Notification('Hi, this is a notification');

newNotification .onclick = function (event) {
    event.preventDefault(); // prevent the browser from focusing the Notification's tab
    window.open("google.com","_blank");
};

有关window.open()的电子详细信息，请参见https://www.electronjs.org/docs/api/window-open

如何通过使用电子

1 个答案: