nw.js将web程序打包成exe可执行文件的方法

打印 上一主题 下一主题

主题 846|帖子 846|积分 2538

 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控制台,执行以下命令;
  1. copy /b nw.exe+app.nw app.exe
复制代码


  • 然后就出现了app.exe可执行文件
  • 可以新建一个文件夹,把必须的文件放里面,如下为app.exe执行必须的文件:

生成app.exe文件之后,将多余的文件删除,保留上面这些文件即可,上面这些文件是app.exe执行所需要的必须的文件;
至此,nw.js将web程序打包成exe可执行文件结束。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

小小小幸运

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表