自学内容网 自学内容网

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
两个方法

问题

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


原文地址:https://blog.csdn.net/jiaguoxinzhi/article/details/143811006

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!