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

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

446475-20151219114309131-1202709978.jpg

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

  1. npm install nw -g

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

2.项目准备,目录结构

app文件夹

+——index.html

+——package.json

index.html代码:

复制代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Hello World!</title>
  5. </head>
  6. <body>
  7. <h1>Hello World!</h1>
  8. </body>
  9. </html>

复制代码

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

  1. {
  2. "name": "app",
  3. "main": "index.html"
  4. }

3.运行看看

  1. nw app nw .

446475-20151219023444052-1010326137.png

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

446475-20151219113856802-1800575849.jpg

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

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

  1. 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 的文件,,挪动到哪里都可以,只要把这个文件交给用户,双击就可以出现第三步运行效果。

发表评论

表情:
评论列表 (有 0 条评论,73人围观)

还没有评论,来说两句吧...

相关阅读

    相关 jar应用、部署规范化

    说到做开发,很多人就想着,本地开发好,导包,扔到服务器运行,就ok了。其实这是很不规范的,我们要在服务器上运行一个应用,需要将这个应用做成一个完整的系统,包括安装、运行、日志等

    相关 一个WAR说起

    以前做web开发使用MyEclipse,后来转而使用Eclipse.在打war包部署的时候,遇见了问题.我没有在Eclipse的菜单中找到可以打war的选择也没有向导,只能退而