Electron[桌面端开发]:使用 Electron Forge进行打包和分发

NO.1

应用打包

上期试了下街机游戏Electron启动

本期尝试打包为可分发的应用(无签名)

前提条件

本文开发未使用Vue和React结合Electron框架的方式

而是使用官方的Electron,加载本地的Html文件方式,方便Electron打包

官方文档

https://www.electronjs.org/zh/docs/latest/tutorial/%E6%89%93%E5%8C%85%E6%95%99%E7%A8%8B

NO.2

Electron打包

安装依赖

npm install --save-dev @electron-forge/cli

你会发现项目多了一些内容

首先多了一个配置文件forge.config.js

其次在package.json中多了2个脚本指令,编译打包的时候会用到

"package": "electron-forge package",
"make": "electron-forge make"

应用打包

yarn make

可以看到打包成功

当前项目会多一个out文件夹

最终会多出一个zip包和app文件(mac m1)

注意

红框的zip包是用于分发出去的应用文件

红框的app文件是自己开发调试,可以查看源码的应用文件,两者不要混淆了

NO.3

实际运行

解压后双击即可打开

打开游戏效果正常

NO.4

Tips

大致看了下

mac签名证书需要先成为开发者,有年费699以上

window同样需要签名证书,同样是年费几百到几千不等

未签名的应用可以分发和安装,但是会有层层的安全提示

目前暂不涉及签名,后续再考虑

END.

公众号发送关键词加群,加入交流群

觉得本文还行，不妨顺手点赞和收藏，下期见。