2021-01-31

Electron制作exe软件

最近同事有看视频听音乐的需求，于是我用electron做了个exe软件

1、安装nodejs

1
2
3

到这里下载win版的nodejs
https://nodejs.org/en/
`

2、安装完nodejs后，要安装electron
打开cmd，安装electron和electron-packager

1
2
3

npm install -g cnpm
cnpm install -g electron
cnpm install -g electron-packager

3、然后到github搜索electron webview
4、修改index.js等文件添加url和软件名称、logo，根据自己git下来的包去修改，不一定都在index.js里面，修改相应文件不止可以给软件加名字、加logo，还可以禁止F12调用控制台之类的
5、修改完后测试下是否可用

npm start

6、如果可用的话，就开始打包

cd bo                    //进入到源文件夹里面
electron-packager . 菠萝菠萝蜜 --win --platform=win32 --arch=ia32 --icon=logo.ico --out=./out --asar --app-version=21.21.011527 --overwrite --ignore=node_modules --download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/

.菠萝菠萝蜜：软件名称
--platform=win32：确定了你要构建哪个平台的应用,可取的值有 darwin, linux, mas, win32  
--arch=x64：决定了使用 x86 还是 x64 还是两个架构都用  
--icon=computer.ico：自定义设置应用图标  
--out=./out：指定打包文件输出的文件夹位置,当前指定的为项目目录下的out文件夹  
--asar：该参数可以不加，如果加上，打包之后应用的源码会以.asar格式存在，否则会以文件夹形式存在
--app-version=0.0.1：生成应用的版本号
--overwrite：覆盖原有的build,让新生成的包覆盖原来的包
--ignore=node_modules：如果加上该参数，项目里node_modules模块不会被打包进去  
--download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/  使用淘宝源打包，默认官方源打包非常的慢

7、然后到这里下载安装包制作工具

1 2	http://www.leeqia.com/nsniuniuskin/download/#ct2 点击下载安装包示例代码

8、下载好后解压Niuniu_NSIS_SetupSkin.zip，然后进入到Niuniu_NSIS_SetupSkin文件夹中修改以下内容

1
2
3

进入Niuniu_NSIS_SetupSkin/SetupScripts\nim
先替换logo.ico和uninst.ico
然后编辑nim_setup.nsi修改产品信息

# ====================== 自定义宏 产品信息==============================
!define PRODUCT_NAME           		"菠萝菠萝蜜"
!define PRODUCT_PATHNAME 			"菠萝菠萝蜜"  #安装卸载项用到的KEY
!define INSTALL_APPEND_PATH         "菠萝菠萝蜜"	  #安装路径追加的名称 
!define INSTALL_DEFALT_SETUPPATH    ""       #默认生成的安装路径  
!define EXE_NAME               		"菠萝菠萝蜜.exe"
!define PRODUCT_VERSION        		"21.21.01.1527"
!define PRODUCT_PUBLISHER      		"菠萝菠萝蜜"
!define PRODUCT_LEGAL          		"菠萝菠萝蜜 Copyright（c）2021"
!define INSTALL_OUTPUT_NAME    		"菠萝菠萝蜜_Win_x86_Setup_v21.21.1.exe"

编辑ui_nim_setup.nsh
在外部插件以及宏最底部添加
!packhdr "exehead.tmp" '"upx.exe" -4 --force "exehead.tmp"'
!system '>blank set/p=MSCF<nul'
!packhdr temp.dat 'cmd /c Copy /b temp.dat /b +blank&&del blank'
!define HAVE_UPX
!ifdef HAVE_UPX
!endif
这样，haozip打开安装包后就是空的，只能防haozip这类的压缩软件，7z防不了

编辑commonfunc.nsh
找到安装步骤这一块，然将
CreateShortCut "$SMPROGRAMS\${PRODUCT_NAME}\${PRODUCT_NAME}.lnk" "$INSTDIR\${EXE_NAME}" "" "$INSTDIR\logo.ico"
中的$SMPROGRAMS\修改成$Desktop\   如果不修改的话，不会创建桌面快捷方式

9、将electron制作好的文件包括依赖全部复制到Niuniu_NSIS_SetupSkin/FilesToInstall中
10、进入Niuniu_NSIS_SetupSkin文件夹，双击makeapp.bat和makeskinzip.bat对skin、FilesToInstall进行压缩
11、双击打开Niuniu_NSIS_SetupSkin/NSIS中的makensisw.exe，将Niuniu_NSIS_SetupSkin/SetupScripts\nim中的nim_setup.nsi拖入到makensisw.exe进行打包，打包完毕后进入到Niuniu_NSIS_SetupSkin/Output中就能看到制作好的安装包了。