How to close electron app via javascript?

In Electron applications, closing the application or specific windows is a common requirement. Multiple approaches can be used, depending on the specific scenario and needs. Below are some basic methods to close the application or windows in Electron, along with code examples to illustrate how to do it.

1. Closing a Specific BrowserWindow

If you simply want to close a specific window, you can use the close method of BrowserWindow. This is a straightforward approach. For example, if you have a variable win used to create and display a window, you can do the following:

javascript
const { BrowserWindow } = require('electron')
let win = new BrowserWindow({width: 800, height: 600})
win.loadURL('https://example.com')

// When closing the window
win.close()

2. Exiting the Entire Application

If your goal is to close the entire application, not just a single window, you should use the quit method of the app module. This will terminate all processes and windows, safely closing the application:

javascript
const { app } = require('electron')

// Exit the application
app.quit()

3. Closing via Menu or Shortcuts

In practical applications, we often provide the functionality to close windows or exit the application through menus or keyboard shortcuts. This can be configured using Electron's Menu module. For example, adding a menu item to exit the application:

javascript
const { app, Menu } = require('electron')

const template = [
  {
    label: 'File',
    submenu: [
      {
        label: 'Exit',
        accelerator: 'CmdOrCtrl+Q',
        click: () => { app.quit() }
      }
    ]
  }
]

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu)

This code sets up an application menu with an "Exit" option under the "File" menu. Users can exit the application by clicking it or using the shortcut CmdOrCtrl+Q.

Handling Common Issues

When closing windows or applications, it may be necessary to handle unsaved data or perform cleanup tasks. This can be achieved by listening to the window's close event, for example:

javascript
win.on('close', (event) => {
  const choice = require('electron').dialog.showMessageBoxSync(this, {
    type: 'question',
    buttons: ['Yes', 'No'],
    title: 'Confirm',
    message: 'Unsaved data will be lost. Are you sure you want to quit?'
  })

  if (choice === 1) {
    event.preventDefault()
  }
})

This code displays a dialog box when the user attempts to close the window, asking if they really want to quit. If the user selects "No", the window is not closed.

The above are several methods to close windows and applications in Electron. These methods can be adjusted and extended according to your specific needs.