1.下载nw
下载 NW.js(官网:NW.js),选择normal的即可,下载完成之后解压。
2.导入web项目
2.1解压后的文件夹如下图所示,此中myapp(名字随便起)里面放的是本身的前端项目。
2.2myapp示例内容如下(实际就是一个web的项目文件)
2.3package.json可以理解为应用的设置文件,是必须要有的;index.html作为应用的入口文件,内容和一样平常网页类似,名字可以按本身喜欢起,但是肯定要和设置中的“main”参数设置一致;
2.4此中window里面设置的是程序执行后的窗口设置,相关参数如下所示:
- title : 字符串,设置默认 title。
- width/height : 主窗口的巨细。
- toolbar : bool 值。是否显示导航栏。
- icon : 窗口的 icon。
- position :字符串。窗口打开时的位置,可以设置为“null”、“center”大概“mouse”。
- min_width/min_height : 窗口的最小值。
- max_width/max_height : 窗口显示的最大值。
- resizable : bool 值。是否允许调整窗口巨细。
- always-on-top : bool 值。窗口置顶。
- fullscreen : bool 值。是否全屏显示。
- show_in_taskbar : 是否在使命栏显示图标。
- frame : bool 值。假如设置为 false,程序将无边框显示。
- "chromium-args" :"-allow-file-access-from-files" 相当于给谷歌浏览器添加启动参数一样,这行代码允许angularjs直接访问本地json文件。
3.运行程序
将应用程序目次拖放到nw.exe即可运行;
4.打包成exe文件
- 将myapp里面的文件压缩成zip文件,然后将文件名改成app.nw;
- 将app.nw放在和nw.exe同一个目次下(即最外层);
- 从nw.exe文件地点的目次进入cmd控制台,执行以下命令;
- copy /b nw.exe+app.nw app.exe
复制代码
- 然后就出现了app.exe可执行文件
- 可以新建一个文件夹,把必须的文件放里面,如下为app.exe执行必须的文件:
生成app.exe文件之后,将多余的文件删除,保留上面这些文件即可,上面这些文件是app.exe执行所需要的必须的文件;
至此,nw.js将web程序打包成exe可执行文件结束。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |