2023 最新 Node.Js 语言实现 Electron.js 桌面应用开发详细教程（进阶篇）

由于篇幅限制，这里我将提供一个简化的Electron应用程序的核心函数示例，展示如何创建一个简单的桌面应用程序。

// 导入Electron和其他必要的Node.js模块
const { app, BrowserWindow } = require('electron');
const path = require('path');
 
// 保持一个对于窗口对象的全局引用，不然的话，窗口对象可能会被JavaScript垃圾回收
let mainWindow;
 
function createWindow() {
  // 创建浏览器窗口
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true // 允许在渲染进程中使用Node.js
    }
  });
 
  // 加载应用的index.html文件
  mainWindow.loadFile('index.html');
 
  // 打开开发者工具
  // mainWindow.webContents.openDevTools();
 
  // 当窗口关闭时触发
  mainWindow.on('closed', () => {
    // 取消引用window对象，通常你会在应用程序的所有窗口都关闭时退出
    mainWindow = 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 (mainWindow === null) {
    createWindow();
  }
});

这段代码展示了如何使用Electron创建一个简单的桌面应用程序。它包括了创建窗口、加载页面、处理窗口关闭事件等基本步骤。这是开发Electron应用的一个基本模板，可以根据具体需求进行扩展和修改。