先 clone Electron 的官方示例 https://github.com/electron/electron-quick-start,对目录结构进行调整,代码放入 src 文件夹中。
在 main.js 中 mainWindow 创建完成后进行窗口最大化 全屏 载入网页,browser-window-focus browser-window-blur 事件中屏蔽快捷键。
载入网页的地址使用配置文件,可以在打包后进行更改,不需要写死在代码中,或者使用 "electron-serve": "^1.1.0",
进行代理前端静态文件,dist 文件夹放入 src 中,这种方式就需要每次进行打包。
1 | // Modules to control application life and create native browser window |
使用 https://www.electronforge.io/ 进行打包,导入现有项目,package.json 中务必配置 author 字段,会自动写入打包配置,但也需要修改。
1 | npm install --save-dev @electron-forge/cli |
config forge packageConfig 中会配置名称 图标,每次打包是否覆盖,makers 中会配置不同平台,这里需要删掉 rpm 平台,因为如果不删除,在 jetson arm64 上也会识别成也是linux 会同时打包 deb rpm,就会报错。
1 | "config": { |
最后直接运行 npm run package npm run make 将会自动识别当前机器的平台架构,即可在 out/make 中看到不同平台不同架构的打包成品。