Skip to content

生成桌面端

electron代码在/electron/文件夹下。

生成桌面端应用,可以省去创建域名、备案等一些列繁琐的操作和资金。

进入/electron/目录,执行npm i命令,安装所需依赖

本地运行

一、HBuilderX运行项目

HBuilderX运行起项目后,注意运行web的域名端口号等,确保与/electron/main.js中配置的本地预览地址一致,不一致请自行修改。

二、执行electron本地运行命令

/electron/目录下运行 npm run start命令,开启本地运行exe桌面系统。

正式打包

一、HBuilderX发行web代码

HBuilderX发行web代码成功后,将/unpackage/dist/build/web文件夹拷贝到/electron/文件夹下。

二、打包electron

/electron/目录下运行命令npm run build,打包正式exe桌面系统代码,执行完命令后,会在当前/electron/目录下生成一个/mosowe/文件夹,文件夹内即桌面端应用代码文件,双击mosowe.exe即启动应用。

默认是打包windows64位的文件,有需要32位的自行修改编译类型--arch=ia32

进入调试模式

第一种:ctrl+shift+i
第二种:main.js配置 win.webContents.openDevTools();

exe系统图标配置

文件名称及类型:icon.ico,不可通过修改文件后缀名的方式生成,必须是png转ico文件,网上有相关图片转换工具可用。

文件尺寸:128*128

文件大小:100kb以内

替换/electron/文件夹下icon.ico文件。

文档版本 v1.0.1