Electron教程（二）启动过程：主进程，渲染进程是什么

Electron教程（一）什么是 Electron，由来、适用场景和 Electron 的环境搭建
Electron教程（二）启动过程：主进程，渲染进程是什么
Electron教程（三）如何打包 electron 程序：electron-forge 的使用教程
Electron教程（四）使用 Vue Browser 版，创建小工具应用
Electron教程（五）读取本地文件内容， ipcMain ipcRenderer 之间的交互
Electron教程（六）应用菜单设置例子
Electron教程（七）结语

Electron 入门，主进程向渲染进程发送事件，渲染进程向主进程发送事件

一、什么是 `主进程` 和 `渲染进程`

要想知道 electron 的启动过程，就需要知道主进程、渲染进程分别是什么，因为 electron 就包含这两种进程

electron 项目跟所有的 npm 项目一样，入口都是 package.json 中的 main 字段指定的 js，比如你指定的是 app.js。

  "main": "app.js",

electron 有两个类别的进程，一个是主进程，另一个是渲染进程

主进程：

启动后一直存在的，相当于一个树的主干
并不会展示出来，是看不到的
所有跟系统资源交互的操作都在这里进行
操控渲染进程，新建或销毁一个渲染进程

渲染进程：

渲染进程是一个个的浏览器窗口，就是用于展示
渲染进程就是能看到的界面
如果需要跟系统交互，就需要用 ipcRenderer 跟主进程进行数据交互。

二、`electron` 程序启动的过程

electron 启动
调用 app.js 文件，app.js 里面的内容就是 主进程 的内容，里面会有启动程序的代码
创建一个浏览器窗口
1. 在 app.js 里面新建一个渲染进程，也就是新起一个窗口
2. 把需要展示的首页 index.html 指定给这个窗口
在 app.js 的程序启动代码块中添加上面创建的浏览器窗口即可

三、主进程和渲染进程的 console.log()

主进程的 `console.log()`

是输出到系统终端中的，也就是说指 app.js 中的 console.log()

比如下图这里，我在主进程中读取一个文件的内容并输出到了 console 中

渲染进程的 `console.log()`

是输出到调试窗口的 console 中的，就是平时浏览器用到的 console 标签窗口。

Electron教程（二）启动过程：主进程，渲染进程是什么相关推荐

electron 主进程与渲染进程渲染进程与渲染进程之间的通信
主进程与渲染进程之间的通信这是渲染进程 // 渲染进程执行主进程里面的方法,主进程给渲染进程反馈处理结果 . var sendreplayDom=document.querySelector('#s ...
http服务器发送消息,node.js+electron教程(二): http服务器, ws服务器, 进程管理
引言这次, 我们一起通过几个例子, 进一步了解node.js+electron. 三个例子: 搭建一个http服务器, 通过web对服务器进行访问搭建一个ws服务器, 通过web向服务器发送消息 ...
React教程(二)——jsx语法、条件渲染、列表渲染
1.JSX 语法在react中,就是使用jsx的语法,来实现DOM元素的展示.一个基本的jsx语法的react模板如下: <div>{this.props.title}</div& ...
Electron 入门，主进程向渲染进程发送事件，渲染进程向主进程发送事件
Electron 入门,主进程向渲染进程发送事件,渲染进程向主进程发送事件相关教程: Electron教程(二)启动过程:主进程,渲染进程是什么刚入门 electon ,整 electon + v ...
electron 主进程与渲染进程通讯
主进程和渲染器进程 Electron 有两种进程:主进程和渲染进程. 主进程通过创建 BrowserWindow 实例来创建网页. 每一个 BrowserWindow 实例在其渲染过程中运行网页, ...
Electron：主进程、渲染进程以及通信
文章目录应用进程主进程渲染进程进程通信渲染进程访问主进程主进程访问渲染进程应用进程 Electron应用程序区分主进程和渲染进程. 主进程之前我们创建的引用中,electron.js中 ...
第八节 Electron主进程和渲染进程之间的通信
系列文章目录第一节 electron 介绍第二节创建electron项目并启动第三节 Electron运行流程 . 主进程渲染进程并使用nodejs 第四节 Electron 调用H5事件结合 ...
大概是全网最详细的Electron ipc 讲解(一)——主进程与渲染进程的两情相悦
希沃ENOW大前端公司官网:CVTE(广州视源股份) 团队:CVTE旗下未来教育希沃软件平台中心enow团队「本文作者:」 image.png 前言你盼世界,我盼望你无 bug .Hello 大 ...
Android系统启动流程（一） init进程启动过程解析
init进程是Android系统第一个用户态的进程,init被赋予了很多重要的职责,比如我们熟悉的Zygote孵化器进程就是由init进程启动的.今天我们就来分析init进程的启动过程. 1 init ...

Electron教程（二）启动过程：主进程，渲染进程是什么

Electron教程（二）启动过程：主进程，渲染进程是什么

一、什么是 `主进程` 和 `渲染进程`

二、`electron` 程序启动的过程

三、主进程和渲染进程的 console.log()

主进程的 `console.log()`

渲染进程的 `console.log()`

Electron教程（二）启动过程：主进程，渲染进程是什么相关推荐

最新文章

热门文章

Electron教程（二）启动过程：主进程，渲染进程是什么

Electron教程（二）启动过程：主进程，渲染进程是什么

一、什么是 主进程 和 渲染进程

二、electron 程序启动的过程

三、 主进程和渲染进程的 console.log()

主进程的 console.log()

渲染进程的 console.log()

Electron教程（二）启动过程：主进程，渲染进程是什么相关推荐

最新文章

热门文章

一、什么是 `主进程` 和 `渲染进程`

二、`electron` 程序启动的过程

三、主进程和渲染进程的 console.log()

主进程的 `console.log()`

渲染进程的 `console.log()`