玩转Electron2
- 前提条件
- 从开源程序electron-tabs入手
- 运行效果图
- 解读
- 主进程
- 窗口
- 渲染进程
- 自定义标签
- 问题
前提条件
Electron教程1-初学入门
electrontabs_5">从开源程序electron-tabs入手
下载源码
解压
进入目录
cnpm i
npm run demo
运行效果图
解读
app.js 入口文件
electron-tabs.html 前端文件
主进程
入口文件 app.js 运行在主进程上。
每个 Electron 应用都有一个单一的主进程,作为应用程序的入口点。 主进程在 Node.js 环境中运行,这意味着它具有 require 模块和使用所有 Node.js API 的能力。
窗口
主进程的主要目的是使用 BrowserWindow 模块创建和管理应用程序窗口。
创建窗口必须在 app ready 之后。
在些项目中特别注意 webviewTag 的配置,这个是启用 electron自定义标签,是tab标签页实现的关键。
webPreferences: {webviewTag: true}
渲染进程
前端文件运行在渲染进程上。
每个 Electron 应用都会为每个打开的 BrowserWindow ( 与每个网页嵌入 ) 生成一个单独的渲染器进程。 洽如其名,渲染器负责 渲染 网页内容。
自定义标签
electron-tabs 自定义了一个 标签
示例中主使用了
tabGroup.setDefaultTab
tabGroup.addTab
两个方法
问题
这一节没感觉有什么难的,主要是结合 第二个实例和第一个应用,好好理解下主进程和渲染进程,后期这个概念经常用到。