Using Notification API for Electron App

The HTML5 Notification API is only available in the renderer process.

You must require the Electron Notification API if you want to use notifications from the main process. The API is different from the standard/HTML5 version.

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

new Notification({
    title: 'Headline',
    body: 'Here write your message'
}).show();

A good approach is use node-notifier for notifications, because the package have cross-platform notification support


Note: Since this is an HTML5 API it is only available in the renderer process.

Example :

let myNotification = new Notification('Title', {
  body: 'Lorem Ipsum Dolor Sit Amet'
})

myNotification.onclick = () => {
  console.log('Notification clicked')
}

Windows

On Windows 10, notifications "just work".

On Windows 8.1 and Windows 8, a shortcut to your app, with a Application User Model ID, must be installed to the Start screen. Note, however, that it does not need to be pinned to the Start screen.

On Windows 7, notifications are not supported. You can however send "balloon notifications" using the Tray API.

Furthermore, the maximum length for the notification body is 250 characters, with the Windows team recommending that notifications should be kept to 200 characters.

More information : https://github.com/electron/electron/blob/master/docs/tutorial/desktop-environment-integration.md#notifications-windows-linux-os-x