4.1-electron

Create by fall on 10 Apr 2024
Recently revised in 10 Apr 2024

Electron

基于 chromium 和 nodejs 的跨端开发工具，允许你使用熟悉的前端技术栈来创建桌面端应用，可以使用一个应用仓库创建跨平台应用。

开发准备

需要自行配置代理，并且需要 Electron 版本

主进程可以通过创建 BrowserWindow 实例来创建网页，每一个 BrowserWindow 实例在其渲染过程中运行网页， 当一个 BrowserWindow 实例被销毁时，对应的渲染过程也会被终止。

const { app, BrowserWindow } = require('electron');
let mainWindow;
function createWindow() {
  // 创建浏览器窗口
  mainWindow = new BrowserWindow({ width: 800, height: 600 });

  // 加载应用的主页面
  mainWindow.loadFile('index.html');

  // 当窗口关闭时清空引用
  mainWindow.on('closed', () => {
    mainWindow = null;
  });
}
// Electron 初始化完成后创建窗口
app.on('ready', createWindow);
// 当所有窗口关闭时退出应用（除非是在 macOS 上）
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});
// 在应用激活时重新创建窗口（适用于 macOS）
app.on('activate', () => {
  if (mainWindow === null) {
    createWindow();
  }
});