Electron教程2-第一个应用
前提条件
从开源程序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)!