目录结构：

contents structure [-]

node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在某些特定领域用html5+css3+js开发的web应用更加简单和高效，而且还可以使用node.js的功能，所以node-webkit还是很有用处的。

1.下载和安装node-webkit

node-webkit的官方网址：https://nwjs.io/
githup的访问地址：https://github.com/nwjs
node-webkit的中文网址：https://nwjs.org.cn

下载的时候有两个版本，一个是NORMAL版，另一个是SDK版本。SDK版本支持debug调试，NORMAL不支持。开发的话，应该下载SDK版本，发布的话应该下载NORMAL版本。

2.建立一个简单的WEB应用

新建立一个app/index.html,作为这个demo的入口文件：

<html>

<head>

    <meta charset="utf-8" />

    <title>Demo</title>

<head>

<body>

    <h1>Hello World!</h1>

</body>

<html>

创建一个配置文件package.json：

{

  "main": "app/index.html",

  "name": "nw-demo",

  "description": "demo app of node-webkit",

  "version": "0.1.0",

  "keywords": [ "demo", "node-webkit" ],

  "window": {

    "title": "node-webkit demo",

    "toolbar": true,

    "frame": true,

    "width": 800,

    "height": 500,

    "position": "center",

    "min_width": 400,

    "min_height": 200,

    "max_width": 800,

    "max_height": 600

  },

  "webkit": {

    "plugin": true

  }

}

其中main属性用来指定入口文件，这个属性值可以是本地文件，也可以是远程网址（相当于把一个远程的web界面直接变成一个桌面应用了）。其它的属性，比如：图标、窗口栏、初始化的大小等等可以参考官方文档。

3.生成EXE可执行文件

将index.html和package.json这两个文件压缩到一个zip压缩包里，命名为app.zip

把app.zip这个文件的扩展名改为nw,变为 app.nw

将app.nw放置到nw.exe同一级目录，进入windows cmd后运行这个命令：

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

然后会生成app.exe文件。

我们可以使用如下的几种方式安装到客户的电脑上：
1.直接RAR打包，发给用户，这也就是个绿色版，无需安装。
2.我们用软件工具 Enigma Virtual Box 封包，用这个工具可以把整个应用程序文件夹生成一个单独的app.exe, 用户直接双击就能运行，这个也是无需安装的。
3.用软件工具innosetup，这个工具会生成一个安装版本。

4.修改icon

默认情况下创建出来的应用程序（exe）会和nw.exe的图标一样，可以通过resource hacker这个工具来修改nw.exe的图标成你所想要的。

打开resource hacker，找到对应的图片组资源(icon group),然后右击选择替换（replace）就可以了。

5.封包

在进行打包前，首先把我们在NWJS_SDK版本（是在NWJS_SDK版本下进行开发的)下的package.json、app.exe、app文件夹复制到NWJS_NORMAL版本中，并且删除NWJS_NORMAL版本中的nw.exe文件。

5.1 Enigma Virtual Box

官网上推荐用Enigma Virtual Box这个软件来将app.exe和依赖的dll打包成一个exe后发布

在选择待封包的主程(Enter Input File Name)输入app.exe的路径
在封包程序另存(Enter Output File Name)输入可执行程序的输出路径
拖入文件和文件夹，选择nwjs_normal的配置文件(除了app.exe的其它文件和文件夹)

点击封包后，封包结束后会得到app_boxed.exe。然后删除app_boxed.exe之外的所有文件和文件夹（如果在封装的时候没有拖入所有的文件，那么就不能删除那些未参与封包的文件），然后就可以得到最后的可执行文件app_boxed.exe

从截图可以看出，这个app_boxed.exe是免安装的，可以点击直接运行。这是Enigma Virtual Box封包的优点，无需安装直接运行，但缺点就是太大了，从截图可以看出app_boxed.exe达到了202MB。

5.2 Inno Setup

这是另一种打包方式，就是用Inno Setup来打包成安装程序，即将一开始的web应用源文件和node-webkit的nw.exe和一些以来dll直接压缩成一个安装文件，我们并不需要上述中间那先打包成app.exe的步骤。用户在使用你的exe后会出现setup wizard把程序安装到Program Files目录中，将nw.exe，dll，web应用释放出来，这个时候所生成的安装文件其实大小会小很多。

下载安装运行后点击File->New即进入创建步骤

填写应用发布的信息：

添加应用程序的打包文件：

执行后续操作，进行编译：

生成可执行EXE：

我们可以看出安装包的大小是54.3MB,Inno Setup的优点就是安装包小，但缺点就是需要进行安装。

【NWJS】解析node-webkit(NWJS)的打包和发布的更多相关文章

  1. 解析Xcode把应用程序打包成ipa---解决打包完新版本itunes提示不是有效应用程序的问题

    Xcode把应用程序打包成ipa是本文要介绍的内容,不多说,先俩看内容.注意:本方法需要先制作假凭证编译于项目中,否则产生的ipa还是无法于iPhone中运行. 制作方法请参考: http://blo ...

  2. APP的功能分类及打包与发布的分类方式

    智能手机的出现改变了我们的生活,同时各种各样的APP充斥在我们的手机当中.那么我先现在在来熟悉一下APP的分类及其用途:工具类.社交类.信息类.娱乐类.生活类等几大类.我么了解了APP的用途分类,那么 ...

  3. 基于node的前端项目代码包发布至nexus

    目录 目录... 3 1. 前言... 1 2. 配置... 1 2.1. 配置angular.json文件... 1 2.2. 配置package.json文件... 1 2.3. 复制git地址. ...

  4. Java应用程序的打包和发布

    Java应用程序的打包和发布 简化Java应用程序的打包和发布 发布Java应用程序时Java提供了一系列打包和发布工具,可以显著的简化发布过程 该文章提供了打包Java code的几种方法,探讨Ja ...

  5. ios外包公司—北京动点软件分享：IOS工程自动打包并发布脚本实现

    前言 IOS的开发过程中,当需要给测试人员发布测试包的时候,直接使用xcode来做的效率是非常低下的.尤其是当有一点小改动需要重新出包时,那简直是个折磨的人的工作.通过一番研究后,遂决定写一系列脚本, ...

  6. Node v0.12.5 稳定版发布

    Node v0.12.5 稳定版发布了,该版本改进记录主要包括: openssl: upgrade to 1.0.1o (Addressing multiple CVEs) npm: upgrade ...

  7. EclipseAndroid打包签名发布安装失败闪退运行不了

    EclipseAndroid打包签名发布安装失败闪退运行不了 本来没怎么用过用Eclipse写安卓,可是有人有需要必须用Eclipse写,那就写呗. 可在签名打包的时候,发到手机上安装,提示安装成功. ...

  8. VSCode插件开发全攻略（十）打包、发布、升级

    更多文章请戳VSCode插件开发全攻略系列目录导航. 发布方式 插件开发完了,如何发布出去分享给他人呢?主要有3种方法: 方法一:直接把文件夹发给别人,让别人找到vscode的插件存放目录并放进去,然 ...

  9. hbuilder IOS APP 打包与发布2

    在上一篇的<hbuilder IOS APP 打包与发布>中,请求 的 是APP ids .  ios开发证书 .和开发配置文件  ,   这一篇中就不写发布证书和配置文件的请求,因为流程 ...

  10. 使用 maven 自动将源码打包并发布

    1.maven-source-plugin 访问地址 在 pom.xml 中添加 下面的 内容,可以 使用 maven 生成 jar 的同时 生成 sources 包 <plugin> & ...

随机推荐

  1. IOS 微信、QQ、叮叮等APP虚拟定位 实在太好用了

    前不久爱思助手更新了最新版本:V7.96,同时更新了好几个功能,包括给ios设备修改虚拟定位功能,想要给手机修改,我们需要电脑下载爱思助手最新版本V7.96,数据线连接电脑修改. 借助爱思助手的虚拟定 ...

  2. Odoo采购模块

    转载请注明原文地址:https://www.cnblogs.com/ygj0930/p/10825976.html 一:采购过程 采购业务可以分为以下几个流程: 1)建立供应商信息 企业需要与供应商建 ...

  3. filter - date 日期插件

    为什么要用date插件: 我们希望日志展示的时间就是日志生成的时间,一般日志中都会附加时间,这样方便根据时间查找问题.但在logstash中,默认使用@timestamp时间值来表示日志的时间,@ti ...

  4. django项目中form表单和ajax的文件上传功能。

    form表单文件上传 路由 # from表单上传 path('formupload/',apply.formupload,name='formupload/'), 方法 # form表单文件上传 de ...

  5. httprunner学习4-variables变量声明与引用

    前言 在 HttpRunner 中,支持变量声明(variables)和引用($var)的机制.在 config 和 test 中均可以通过 variables 关键字定义变量,然后在测试步骤中可以通 ...

  6. Bean property ‘mapperHelper’ is not writable or has an invalid setter method. Does the parameter type of the setter match the return type of the getter?

    spring boot 报错: Caused by: org.springframework.beans.NotWritablePropertyException: Invalid property ...

  7. oVirt部署

    所有前提建议: 关闭防火墙.selinux,配置hosts,计算机名使用域名 ovirt-engine部署 yum install http://resources.ovirt.org/pub/yum ...

  8. Flux 和 Mono 的区别

    Flux 和 Mono 是 Reactor 中的两个基本概念.Flux 表示的是包含 0 到 N 个元素的异步序列.在该序列中可以包含三种不同类型的消息通知:正常的包含元素的消息.序列结束的消息和序列 ...

  9. JPA 报错：Page 2 of 1 containing UNKNOWN instances

    JPA 中,page是从0开始,不是从1开始: 因此,将用户输入的从1开始的page页码减1: PageRequest pageRequest = PageRequest.of(page - 1, p ...

  10. combineReducers(reducers)

    combineReducers(reducers) 随着应用变得越来越复杂,可以考虑将 reducer 函数 拆分成多个单独的函数,拆分后的每个函数负责独立管理 state 的一部分. combine ...