NW.js构建PC收银端安装程序的指南

时间:2022-03-14 23:56:36

1.首先下载nw.js的SDK:

https://nwjs.org.cn/download.html

2.SDK目录下新建myapp文件夹:

NW.js构建PC收银端安装程序的指南

3.myapp文件夹内新建package.json文件:

NW.js构建PC收银端安装程序的指南

4.package.json内容如下:

NW.js构建PC收银端安装程序的指南

5.在myapp文件夹下执行 npm install 安装依赖,注意此时需要将C++依赖编译成node依赖:

1.首先要保证电脑已安装python2.7 和 VS

NW.js构建PC收银端安装程序的指南

2.还要全局安装 nw-gyp

   npm install -g nw-gyp

 

3.然后执行以下命令,设置各个环境变量目录等,让依赖按vs2015编译

set PYTHON=C:\Users\NALA\.windows-build-tools\python27\python.exe
set npm_config_target=0.31.4
set npm_config_arch=x64
set npm_config_runtime=node-webkit
set npm_config_build_from_source=true
set npm_config_node_gyp=C:\Users\NALA\AppData\Roaming\npm\node_modules\nw-gyp\bin\nw-gyp.js
npm install --msvs_version=2015 sp-printer

(sp-printer模块 是我写的打印机组件,哈哈哈)

6.在myapp文件夹下将所有文件打包: myapp.zip

7.将myapp.zip剪切到SDK文件夹根目录,cmd cd到根目录下,执行命令:

copy /b nw.exe+myapp.zip mzt.exe 

打包成mzt.exe可执行文件

8.确保已安装Inno Setup 软件,InnoSetup是一款Windows免费的安装制作软件,可以将我们整个程序制作成一个安装程序。

  • 打开Inno Setup,新建一个脚本向导:

NW.js构建PC收银端安装程序的指南

  • 填写相关信息后,继续下一步:

NW.js构建PC收银端安装程序的指南

NW.js构建PC收银端安装程序的指南

  • 到了这一步,非常要注意:
  • 可执行文件,选择SDK文件夹内的mzt.exe

NW.js构建PC收银端安装程序的指南

  • 其他应用程序文件,选择添加文件,

1.先全选sdk内所有文件;

2.然后用ctrl键+鼠标左键,点选来移除:文件夹、mzt.exe、nw.exe(这些文件不需导入),最后点击打开,导入这些文件。

NW.js构建PC收银端安装程序的指南

3. 最后点击添加目录,刚才把文件夹移除了,现在把文件夹导入,因为有区别,所以分开操作。

NW.js构建PC收银端安装程序的指南

4.点击“是”,包含子目录。

5.点击选择刚导入的文件夹,再点击编辑,在目标子目录中,输入和文件夹一样的名称,这是确保生成的安装程序,在用户安装时候把文件夹内容正确安装在这些目标子目录下,否则是默认安装在安装程序的根目录下。

NW.js构建PC收银端安装程序的指南

6.重复3~5的操作,将SDK内其他的文件夹都导入进来,并设置好目标子目录。

  • 文件夹都导入后,点击下一步

NW.js构建PC收银端安装程序的指南

NW.js构建PC收银端安装程序的指南

NW.js构建PC收银端安装程序的指南

  • 这步是配置安装输出目录及安装程序信息,图标可以自己找软件做一个。安装密码一般不需要。

NW.js构建PC收银端安装程序的指南

NW.js构建PC收银端安装程序的指南

  • 点击完成,脚本向导配置结束。

NW.js构建PC收银端安装程序的指南

  • 最后显示的配置内容,其他的信息参数都可以再次修改,修改后记得点保存

NW.js构建PC收银端安装程序的指南

  • 点击构建,编译,开始生成安装程序了

NW.js构建PC收银端安装程序的指南

NW.js构建PC收银端安装程序的指南

  • 稍等一会,编译完成,打开安装程序输出目录,发现安装程序已经生成了。

NW.js构建PC收银端安装程序的指南

9.点击安装体验一下吧,至此构建任务全部结束了!