如何让Electron应用关闭时等待异步操作完成？

要让Electron应用在关闭或退出前等待异步操作完成，核心思路是阻止默认的关闭/退出行为，执行完异步收尾逻辑后再主动关闭应用。以下是具体实现方式：

1. 监听窗口关闭事件（针对单个窗口关闭） #

当用户点击窗口的关闭按钮时，通过close事件拦截默认行为，执行异步操作后再销毁窗口并退出应用：

const { app, BrowserWindow } = require('electron');
let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({ width: 800, height: 600 });
  mainWindow.loadFile('index.html');

  mainWindow.on('close', async (event) => {
    // 阻止窗口默认关闭
    event.preventDefault();
    
    // 执行异步收尾操作（比如保存用户数据、清理临时文件）
    await cleanupTask();
    
    // 操作完成后，销毁窗口并退出应用
    mainWindow.destroy();
    app.quit();
  });
}

// 模拟异步收尾任务
async function cleanupTask() {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log('收尾操作已完成');
      resolve();
    }, 2000);
  });
}

app.whenReady().then(createWindow);

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit();
});

2. 监听应用退出事件（针对全局退出请求） #

如果用户通过菜单或快捷键触发应用退出（如Cmd+Q），可以监听before-quit事件来拦截并执行异步操作：

app.on('before-quit', async (event) => {
  // 阻止默认退出行为
  event.preventDefault();
  
  await cleanupTask();
  
  // 使用app.exit()而非app.quit()，避免循环触发before-quit事件
  app.exit();
});

3. 渲染进程触发退出的处理 #

如果退出操作由渲染进程发起（比如页面上的退出按钮），需要通过IPC通知主进程执行收尾逻辑：

渲染进程代码 #

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

document.getElementById('exit-btn').addEventListener('click', () => {
  ipcRenderer.send('trigger-quit');
});

主进程代码 #

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

ipcMain.on('trigger-quit', async () => {
  await cleanupTask();
  app.quit();
});

注意事项 #

• 确保异步收尾任务有明确的结束条件，避免无限等待导致应用无法关闭。
• macOS系统中，窗口关闭后应用可能仍在后台运行，需结合window-all-closed和before-quit事件处理。
• 如果有多个窗口，需要统一处理所有窗口的关闭逻辑，避免遗漏收尾操作。

内容的提问来源于stack exchange，提问作者Cyril Gupta