使用Grunt 插件打包Electron Windows应用
来源:互联网 发布:更新淘宝手机版本 编辑:程序博客网 时间:2024/04/29 10:57
最近利用Electron来创建跨桌面应用的趋势似乎很火。看了几个用Electron开发的应用,这些应用在windows下面的安装方式,都是类似一个绿色软件的安装方法,下载.zip->解压到相应目录->进入文件夹点击exe使用。这种安装方法有两个缺点,第一,更新繁琐,用户需要删除之前的软件目录,下载新的软件,在跑一遍解压流程,不然电脑里面就会出现两个软件,不好区分。第二,安装之后无法自动创建快捷方式,需要手动进入目录右键创建。第三,没有自定的图标跟名称,没有那么酷了有木有!
之前我的文章Electron实战:创建基于ELectron开发的window应用安装包 已经解决了以上问题,但是过程比较复杂繁琐,适合喜欢折腾的人。
最近发现了一个打包利器 grunt-electron-installer ,这是一个利用Squirrel的打包插件,不仅解决了传统打包方式的缺点,比起我前一篇文章推荐的打包方法,使用起来实在是方便很多,简直解放了生产力!所以忍不住安利给大家。
以下是流程
1.常规打包
把我们开发好的应用放进electron文件夹里面,图中是kaka.exe ,原来为electron.exe,是使用Resource Hacker改了名字跟图标的,具体方法查看 Electron实战:创建基于ELectron开发的window应用安装包 中的 “创建自定义安装包”,部分,具体不再赘述。
2.安装grunt-electron-installer
Npm大法好,先安装npm,戳
http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/ 或者 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000
再安装grunt http://www.gruntjs.net/getting-started
在项目目录里面输入,注意是项目目录
npm install --save-dev grunt-electron-installer
3.配置
在项目根目录新建Gruntfile.js,我们需要在这里进行grunt.config的配置,配置规则基本nuget打包工作的Package.nuspec相同配置规则是:
配置字段
是否必填
描述
appDirectory
是
Electron App 的目录
outputDirectory
否
最后输出exe的目录
loadingGif
否
安装过程中的加载图片
authors
是
作者
owners
否
所有者
exe
否
App入口的exe ,如果改了名字的需要填写
description
否
App描述
version
否
版本号
title
否
标题,默认是App 名称
certificateFile
否
证书文件
certificatePassword
否
加密密钥
signWithParams
否
传递给signtool签名工具的参数,如果软件不签名,可以忽略这个。
iconUrl
否
Icon链接,需要自定义icon的时候需要
setupIcon
否
Setup.exe 的icon
noMsi
否
不需要创建.msi安装文件
remoteReleases
否
更新链接,如果填写,当链接中有新版本,会自动下载安装。
以下是我的Gruntfile.js配置:
4.监听Squirrel事件
监听的目的主要是为了在安装之后自动创建App快捷方式,还有为之后的自动更新做准备。因为我们的.exe会在安装之后自动打开程序,所以我在程序的入口main.js,添加sqruieel事件的监听就好了,我顺便把程序卸载时,删除快捷方式的监听事件也写了进去。还有程序的更新和删除事件监听。如下图:
5.开始创建安装包
在根目录运行 grunt ,
如果第二步中,没有把任务设置为默认,需要输入 grunt create-windows-installer 。
6.更新
最新的App打包方法同上,唯一的不同就是在第二步的配置中,修改Version配置字段,写入最新版本号,发布打包之后的setup.exe,用户通过执行setip.exe安装,程序会自动删除之前的应用,安装最新版本。
- 使用Grunt 插件打包Electron Windows应用
- 使用Grunt 插件打包Electron Windows应用
- 使用electron-builder来打包electron应用
- 使用electron打包桌面应用
- 使用electron打包桌面应用
- electron 打包web应用
- 使用Electron builder打包
- Electron 使用 Webpack2 打包应用程序
- 使用Electron-package打包exe
- Electron-使用Electron开发第一个应用
- Electron学习笔记Part3-利用Electron builder应用打包EXE
- grunt的grunt-contrib-jshint插件使用
- grunt的grunt-contrib-concat插件使用
- Electron打包总结, 附例子(windows+linux)
- electron在windows下打包exe
- electron打包成msi和exe应用
- electron工具打包html成桌面应用
- 3.2使用grunt打包源代码
- CPU负载的分析
- 计算字体的大小
- 认识教育
- Ubuntu系统(三)——代码开发
- Python发送邮件的例子
- 使用Grunt 插件打包Electron Windows应用
- canvas 简易时钟
- hdu3534,恶心的树形dp,需要考虑的东西太多了
- 特别好的CMake
- C++ Macro
- msp430串口接收调试
- Bro:一个开放源码的高级NIDS系统
- 5分钟内搞定 Tomcat 的 SSL 配置
- 检测网络状态的方式