体验NW.js打包一个桌面应用

末蓝、 2022-09-25 00:28 28阅读 0赞

![446475-20151219114309131-1202709978.jpg][]

1.安装nw，(也可在[官网][Link 1]下载然后配置变量)

npm install nw -g

一个最最简单的nw应用，只需要有index.html和package.json文件即可

2.项目准备，目录结构

app文件夹

\+----index.html

\+----package.json

index.html代码：

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

package.json代码：(可使用npm init生成，下面两项属性必须)

{
      "name": "app",
      "main": "index.html"
    }

3.运行看看

nw app 或 nw .

![446475-20151219023444052-1010326137.png][]

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

![446475-20151219113856802-1800575849.jpg][]

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

把app.nw复制到nw目录下，执行

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

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

![446475-20151219142111927-1169156374.jpg][]

6.可以新建一个文件夹，把必须的文件放里面，如下为app.exe执行必须的文件：

![446475-20151219145229240-1113670582.jpg][]

7.下载安装Enigma Virtual Box将文件打包，

打开软件，

输入输入app.exe的路径和输出路径，

再把第6步的相关文件Add进去，

![446475-20151219145541240-800884531.jpg][]

最后按右下角“Process”

![446475-20151219145822459-133311258.png][]

我们得到了一个app\_boxed.exe 的文件，，挪动到哪里都可以，只要把这个文件交给用户，双击就可以出现第三步运行效果。

[446475-20151219114309131-1202709978.jpg]: /images/20220719/fa3e6b6db5d5498abfe1c806a7a29c07.png
[Link 1]: http://nwjs.io/
[copycode.gif]: /images/20220719/4ed157258e954691bcc5347f116c77c8.png
[446475-20151219023444052-1010326137.png]: /images/20220719/99a9a0cff67d48b59fef4b59ee9d4913.png
[446475-20151219113856802-1800575849.jpg]: /images/20220719/3f50168f10724d28b420a9acf6036c05.png
[446475-20151219142111927-1169156374.jpg]: /images/20220719/6ea17372723a4470a8fa835a492f062c.png
[446475-20151219145229240-1113670582.jpg]: /images/20220719/1931d9a9d7e14883849ef7f0bddb09fe.png
[446475-20151219145541240-800884531.jpg]: /images/20220719/30ab6614d30a4ff2b16ec3485286badf.png
[446475-20151219145822459-133311258.png]: /images/20220719/95891e7d55974ac7a912b88187db87a0.png