NW.js打包一个桌面应用

1.安装nw(可以到官网:https://nwjs.io下载)

npm install nw -g

2.创建一个最最简单的nw应用

在nwjs文件夹中 新建文件夹app,app文件夹中至少有index.html和package.json(app里面就是放你项目打包完成的文件的)

index.html代码:

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>

package.json配置(更多的配置看官网:http://docs.nwjs.io/en/latest/References/Manifest%20Format/#window-subfields):

{
  "name": "app",   //必需,应用程序名称
  "main": "index.html" //必需,应用程序入口文件
}

3.在nwjs文件夹的路径下运行看看

nw app

出现下面的就证明你成功了

4.压缩app文件夹并更名为app.nw

5.将app.nw跟nw一起打包成一个可执行文件

把app.nw复制到nw目录下,既是执行下面命令即可

copy / b nw.exe + app.nw app.exe

然后就出现了这个app.exe可执行文件

6. 更改应用软件的logo(以Resource Hacker为例,官网有其他的工具:http://docs.nwjs.io/en/latest/For%20Users/Package%20and%20Distribute/

  1.安装Resource Hacker

  2.app.exe用Resource Hacker打开

    

  3.替换logo

    

    

    

    

 7.创建安装程序以将所有必需的文件部署到最终用户的系统上,以Inno Setup为例(其他工具看官网:http://docs.nwjs.io/en/latest/For%20Users/Package%20and%20Distribute/)

    这个文档比较详细:https://blog.csdn.net/itas109/article/details/78801199

     

 

猜你喜欢

转载自www.cnblogs.com/mei1234/p/9925138.html