使用Node.js和Electron构建桌面应用的完美模板

// 引入必要的模块
const { app, BrowserWindow } = require('electron');
 
// 保持一个对于 window 对象的全局引用，不然，当 JavaScript 被垃圾收集时，窗口会被自动关闭
let win;
 
function createWindow() {
  // 创建浏览器窗口
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true // 允许在渲染进程中使用 Node.js
    }
  });
 
  // 加载应用的 index.html
  // 也可以加载本地包装的 Angular 应用，例如 ipcRenderer.send('load-page', 'http://localhost:4200');
  win.loadFile('index.html');
 
  // 打开开发者工具
  // win.webContents.openDevTools();
 
  // 当 window 被关闭，这个事件会被触发
  win.on('closed', () => {
    // 取消引用 window 对象，通常你会在应用中的其他地方使用 win
    win = null;
  });
}
 
// Electron 会在初始化后并准备创建浏览器窗口时，调用这个函数
app.on('ready', createWindow);
 
// 当所有窗口都被关闭后退出
app.on('window-all-closed', () => {
  // 在 macOS 上，除非用户用 Cmd + Q 确定地退出，否则通常不会退出应用
  if (process.platform !== 'darwin') {
    app.quit();
  }
});
 
app.on('activate', () => {
  // 在 macOS 上，点击 Dock 图标并且没有其他窗口打开时，通常会重新创建一个窗口
  if (win === null) {
    createWindow();
  }
});

这段代码展示了如何使用 Electron 和 Node.js 创建一个简单的桌面应用模板。它包括了创建窗口、加载页面、处理窗口关闭事件以及适配 macOS 应用程序的生命周期。这是开发者学习和构建桌面应用的一个很好的起点。