Electron-egg介绍

我是用的是demo分支，github的网址 e lectron-egg demo源码

前端渲染采用 vue3 + vite4 + antd v4 开发环境

 nodejs ,版本16.18.0
 electron ,版本21.4.4
 electron-builder  ,版本23.6.0
 ee-bin ,版本 1.4.0
 ee-core,版本 2.9.1
 better-sqlite3,版本 v8.7.0

demo分支

mainwindow配置及启动

官网说明常见 www.kaka996.com/pages/e6cd3…

代码路径： electron/index.js。关键代码：

async windowReady () {

// do some things

// 延迟加载，无白屏

const winOpt = this.config.windowsOption;

if (winOpt.show == false) {

const win = this.electron.mainWindow;

win.once('ready-to-show', () => {

win.show();

win.focus();

})

}

}

关键配置路径中：electron/config/config.default.js

/**

* 主窗口

*/

config.windowsOption = {

title: 'EE框架',

width: 980,

height: 650,

minWidth: 400,

minHeight: 300,

webPreferences: {

//webSecurity: false,

contextIsolation: false, // false -> 可在渲染进程中使用electron的api，true->需要bridge.js(contextBridge)

nodeIntegration: true,

//preload: path.join(appInfo.baseDir, 'preload', 'bridge.js'),

},

frame: true,

show: false,

icon: path.join(appInfo.home, 'public', 'images', 'logo-32.png'),

};

插件定义及加载

以托盘为例，

 托盘插件定义：electron/addon/tray
 托盘配置： electron/config/config.default.js
 托盘加载： electron/preload/index.js

e lectron-egg前段业务框架学习记录【1】

Electron-egg介绍

demo分支

mainwindow配置及启动

插件定义及加载