Electron教程2-第一个应用

前提条件

Electron教程1-初学入门

从开源程序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
两个方法

问题

这一节没感觉有什么难的，主要是结合 第二个实例和第一个应用，好好理解下主进程和渲染进程，后期这个概念经常用到。