JavaScript桌面应用_Electron主进程与渲染进程-js教程-PHP中文网

JavaScript桌面应用_Electron主进程与渲染进程

紅蓮之龍

发布： 2025-11-20 21:51:46

原创

657人浏览过

javascript桌面应用_electron主进程与渲染进程

Electron 应用由两个核心部分组成：主进程（Main Process）和渲染进程（Renderer Process）。理解它们的职责与通信方式，是开发 Electron 桌面应用的基础。

主进程：控制窗口与系统交互

主进程基于 Node.js 环境运行，负责管理应用的整个生命周期和原生系统功能。每个 Electron 应用只有一个主进程。

它的主要任务包括：

创建和管理浏览器窗口（BrowserWindow）
监听应用事件（如启动、关闭、激活等）
调用系统 API（文件系统、托盘图标、菜单栏等）
启动并控制多个渲染进程

主进程通过 app 和 BrowserWindow 模块来实现这些功能。例如：

立即学习“Java免费学习笔记（深入）”；

const { app, BrowserWindow } = require('electron')

app.whenReady().then(() => {
const win = new BrowserWindow({ width: 800, height: 600 })
win.loadFile('index.html')
})

渲染进程：展示页面内容

每一个窗口中的网页运行在独立的渲染进程中。它本质上是一个 Chromium 实例，可以使用 HTML、CSS 和 JavaScript 构建用户界面。

渲染进程默认不能直接访问 Node.js 或系统资源（出于安全考虑），但可以在配置中开启 nodeIntegration 或通过预加载脚本（preload）桥接权限。

常见做法是设置 preload 脚本：

const win = new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'preload.js')
  }
})

在 preload 中可安全暴露特定 Node 功能给渲染进程使用。

Android游戏框架AndEngine使用入门 WORD版

本文档主要讲述的是Android游戏框架AndEngine使用入门；AndEngine是一款以OpenGLES方式进行画面渲染的2D游戏引擎，可以运行在支持Android 1.6及以上版本的系统当中。应该说，相较前文介绍的Libgdx引擎，AndEngine拥有更多的游戏组件与扩展功能。并且与Libgdx不同，它在默认情况下已经可以支持中文，采用屏幕坐标系绘也更符合一般Android绘图习惯。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

查看详情

主进程与渲染进程通信

由于主进程和渲染进程运行在不同环境中，它们通过 Electron 提供的通信机制进行数据交换。

最常用的方式是使用 ipcMain 和 ipcRenderer 模块发送消息。

示例：从渲染进程发送请求给主进程

渲染进程中（renderer.js）：

const { ipcRenderer } = require('electron')

ipcRenderer.send('request-data', 'Hello from renderer')

ipcRenderer.on('receive-data', (event, data) => {
console.log('Received:', data)
})

主进程中（main.js）：

const { ipcMain } = require('electron')

ipcMain.on('request-data', (event, message) => {
console.log(message)
event.reply('receive-data', 'Hello from main!')
})

这种“发送-监听”模式实现了跨进程双向通信。