1.安装nw（可以到官网：https://nwjs.io下载）

npm install nw -g

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

在nwjs文件夹中 新建index.html和package.json

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" //必需，应用程序入口文件

}

方法一：普通文件（文档推荐，我更喜欢下面的方法二）

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------start

3.运行看看

点击nw.exe

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

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------end

方法二：Zip文件

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------strat

新建文件夹myapp，并把index.html和package.json放在文件中

进入myapp文件夹（下面的压缩路径很重要），把这文件中中的所有文件压缩为一个app.zip文件，然后改名为app.nw

合并app.nw和nw.exe:

　　将app.nw文件移动到和nw.exe同级目录下，然后执行命令copy /b nw.exe+app.nw app.exe，这时是可以直接执行app.exe的，但换到其它目录就不可以执行了，因为换到其它目录找不到nwjs包内的依赖文件

双击app.exe,出现页面就证明前面的步骤成功了

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------end

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

　　1.安装Resource Hacker

　　2.nw.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

　　　　

完成如下

小提示：如果你想把你打包完成的这个应用发给其他人安装的时候，去找到打包完成后的setup.exe文件，打这个文件发给他们就可以安装了。

												


											
NW.js打包一个桌面应用的更多相关文章
	

    
						
  1. 体验NW.js打包一个桌面应用
		
    1.安装nw,(也可在官网下载然后配置变量) npm install nw -g 一个最最简单的nw应用,只需要有index.html和package.json文件即可 2.项目准备,目录结构 app ...
    
		
    2. 
								
  2. nw.js---创建一个hello word的方法
		
    一.如果用nw.js 来开发桌面应用 首先到Nw.js中文网下载软件: https://nwjs.org.cn/download.html 下载下来进行解压就可以了,绿色的免安装的,整个目录结果是这样 ...
    
		
    3. 
						
  3. nw.js---开发一个百度浏览器
		
    使用nw.js开发一个简单的百度浏览器就很简单了,只需要在配置里面写入: { // "main": "index.html", "main" ...
    
		
    4. 
						
  4. nw.js的localStorage的物理储存位置
		
    前言 因为在做美团外卖商家端的nw.js壳子项目,需要保证在壳子里面使用localStorage的数据可以持久化保存. 发现nw可以保存,即使删除应用重写打包也可以保存,所以解决了这个需求,但是还是需 ...
    
		
    5. 
						
  5. c/s端测试——nw.js篇（selenium工具）
		
    最近在为兄弟部门开发自动化测试工具. 然后才知道现在竟然有JS工具可以把JS打包成cs端程序了,太牛了,js发展是真快.并且还是跨平台的,mac.windows.linux都支持. 当然,今天不是说n ...
    
		
    6. 
						
  6. nw.js FrameLess Window下的窗口拖拽与窗口大小控制
		
    nw.js FrameLess Window下的窗口拖拽与窗口大小控制 很多时候,我们觉得系统的Frame框很难看,于是想自定义. 自定义Frame的第一步是在package.config文件中将fr ...
    
		
    7. 
						
  7. nw.js---创建一个点击菜单
		
    使用nw.js创建一个可点击的菜单: <!doctype html> <html lang="en"> <head> <meta char ...
    
		
    8. 
						
  8. nw.js的cookie操作
		
    在实战中,我遇到nw.js cookie一个奇怪的现象. 当我写入cookie(非httponly)后,关闭nw.js.然后再打开nw.js发现cookie没有写入成功.经过摸索,发现 nw.js的c ...
    
		
    9. 
						
  9. NW.js将网站打包成桌面应用
		
    需求:已有一个网站,因为浏览器兼容性等问题,想自己封装一个浏览器,打开时固定打开这个网站,通过这样的封装,将网站变成桌面应用程序. 1. 下载并安装NW.js的最新稳定版本(NW.js) 2. 创建一 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Springboot 系列（十四）迅速启用 HTTPS 加密你的网站
			
    1. 获取 HTTPS 证书 正常情况下 HTTPS 证书需要从证书授权中心获得,这样获得的证书才具有公信力,也会被各种浏览器客户端所认可.常见的证书品牌如 Symantec,GeoTrustm,Tr ...
    
			
    2. 
						
  2. Fiddler的基本使用
			
    目录 清空历史请求 请求所消耗的时间 发送的数据在 设置fiddler过滤请求 模拟弱网环境 Ctrl+R 拦截数据,拦截数据又称"打断点" fiddler开启的时候就是默认开始抓 ...
    
			
    3. 
						
  3. Struts2:搭建原理
			
    记录下,struts2的搭建过程: 1核心jar包: struts-2.1.8\apps\struts2-blank-2.1.8.war 解压后 在struts2-blank-2.1.8\WEB-IN ...
    
			
    4. 
						
  4. 《FFT家族—从不会到崩溃(坑)》读blog笔记
			
    免责声明 原文地址https://blog.csdn.net/linjiayang2016/article/details/80341958,作者linjiayang2016.\text{linjia ...
    
			
    5. 
						
  5. c++11::std::is_same/decay
			
    #include <type_traits> std::is_same 判断类型是否一致 通过std::is_same即可判断两个类型是否一样,特别在模板里面,在不清楚模板的参数时,此功能 ...
    
			
    6. 
						
  6. Python编程系列---获取请求报文行中的URL的几种方法总结
			
    在浏览器访问web服务器的时候,服务器收到的是一个请求报文,大概GET请求的格式大概如下: 先随便拿到一个请求报文,蓝色即为我们要获取的 GET  /index.html  HTTP/1.1  Hos ...
    
			
    7. 
						
  7. sql查询入门
			
    SQL语言是一门相对来说简单易学却又功能强大的语言,它能让你快速上手并很快就能写出比较复杂的查询语句.但是对于大多数开发者来说,使用SQL语句查询数据库的时候,如果没有一个抽象的过程和一个合理的步骤, ...
    
			
    8. 
						
  8. ggstatsplot绘图|统计+可视化，学术科研神器
			
    本文首发于“生信补给站”公众号,https://mp.weixin.qq.com/s/zdSit97SOEpbnR18ARzixw 更多关于R语言,ggplot2绘图,生信分析的内容,敬请关注小号.  ...
    
			
    9. 
						
  9. JVM学习记录1--JVM内存布局
			
    先上个图 这是根据<Java虚拟机规范(第二版)>所画的jvm内存模型. 程序计数器:程序计数器是用来记录当前线程方法执行顺序的,对应的就是我们编程中一行行代码的执行顺序,如分支,跳转,循 ...
    
			
    10. 
						
  10. Knative 实战：如何在 Knative 中配置自定义域名及路由规则
			
    作者 | 元毅 阿里云智能事业群高级开发工程师 当前 Knative 中默认支持是基于域名的转发,可以通过域名模板配置后缀,但目前对于用户来说并不能指定全域名设置.另外一个问题就是基于 Path 和  ...
    
			
    11.