electron打包

参考:https://github.com/atom/electron-quick-start
第一步
首先安装asar打包工具。使用打包命令打包。将文件夹your-app打包成app.asar文件。https://github.com/atom/electron/blob/master/docs/tutorial/application-packaging.md
说明一下your-app中文件夹下的文件:一定要有的文件:
1.package.json,一定要“入口文件”字段:”main”
2.要有调用electron的文件main.js(使用quick-start例子中的main.js即可)
3.web页面的显示部分(我们都是用webpack打包好了,因此只有index.html和bundle.js)
第二步
下面是如何安装electron(即electron-prebuilt)https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md
2种方法安装,1命令行,2.直接下载应用包由于官网下载不成功,所以采用国内的网站下载。http://npm.taobao.org/mirrors/electron/
关于命令行国内下载的技巧:根据上面2个网站,具体情况组合的命令如下cnpm install electron-prebuilt@0.35.0 –g –-registry=http://registry.npm.taobao.org/
安装成功后,在命令行中,输入electron将会出现:一个应用的窗体直接下载的应用包,解压后里面有一个。双击直接就能运行。
第三步
将应用和打包的程序绑定起来,制作成桌面的app。将第一步生成的xxx.asar放到第二步解压的路径下的resources里面此时再次双击,即可实现使用桌面应用程序打开web程序。
第四步
基于electron提供的创建桌面应用的App,可以进一步设计桌面应用的UI,当然,也可以不用,页面具体的设计完全交给web去完成也可以。
Electron应用的学习:
http://www.ejiakt.com/album/show/241
https://github.com/atom/electron/tree/master/docs
主要关键的是下。
docx 文件大小:252.97KB