// 引入必要的模块
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 应用程序的生命周期。这是开发者学习和构建桌面应用的一个很好的起点。