Electron----桌面应用开发框架

Electron 是一个开源框架，旨在使用 Web 技术（如 HTML、CSS 和 JavaScript）开发跨平台的桌面应用。它结合了 Chromium 和 Node.js，使开发者能够构建具有原生应用体验的桌面应用程序，同时使用熟悉的 Web 开发工具和技术。

1. 什么是 Electron？

• 定义：Electron 是一个跨平台的桌面应用开发框架，由 GitHub 开发并维护。它允许使用 Web 技术（HTML、CSS 和 JavaScript）创建桌面应用，支持 Windows、macOS 和 Linux 操作系统。
• 核心技术：
  • Chromium：作为渲染引擎，提供 Web 页面的显示和渲染功能。
  • Node.js：作为后台运行环境，提供与系统交互的能力，如文件系统访问、网络请求等。

2. Electron 的核心概念

1. 主进程与渲染进程

• 主进程：负责管理应用的生命周期、创建和管理窗口以及处理系统级别的 API 请求。每个 Electron 应用只有一个主进程。

  • 示例代码（main.js）：

    const {
            app, BrowserWindow } = require('electron');
    const path = require('path');
    
    function createWindow() {
           
      const win = new BrowserWindow({
           
        width: 800,
        height: 600,
        webPreferences: {
           
          preload: path.join(__dirname, 'preload.js'),
          nodeIntegration: true,
          contextIsolation: false
        }
      });
    
      win.loadURL('http://localhost:3000'); // 加载应用的页面
    }
    
    app.whenReady().then(() => {
           
      createWindow();
    
      app.on(