去nodejs的官网 https://nodejs.org/en/ 下载,一直下一步就行
检验安装是否成功,cmd命令输入如下命令,出现nodejs的版本号,说明安装成功
安装淘宝镜像的包命令行管理工具cnpm
npm install cnpm -g --registry=http://registry.npm.taobao.org
这步巨慢,耐心。
cnpm install electron -g
https://github.com/electron/electron-quick-start
解压后使用cmd进入electron-quick-start目录,运行如下两个命令
# 安装依赖
npm install
在package.json里配置应用的名称和介绍,其他可以不管。
在main.js里配置运行窗口的大小和首页文件的相对路径,提前把html内容拷贝到electron-quick-start文件夹里。
为了使显示内容刚好容纳在窗口中,可以设置固定的缩放比例,使用如下语句:
mainWindow.webContents.on("did-finish-load", (event, args) => {
mainWindow.webContents.setZoomFactor(0.8);
})
如果加了这段语句导致生成的exe在运行时报错,可以尝试重新安装electron。
cnpm install electron-packager -g
electron-packager .
打包完后会生成一个文件夹,里面有可执行的exe文件。
首先安装asar。
npm install asar -g
然后在resources目录下运行如下命令
asar pack ./app app.asar
会生成一个app.asar文件,app文件夹可以删掉,这样就实现了简单加密,但是asar是可以被解密的,所以如果想要提高安全性,可以考虑用webpack在前端就做好加密。
联系客服