1.node-webkit是什么？
NW.js is an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js. 
Node-Webkit的运行条件是基于Chromium（谷歌浏览器引擎）和node.js。nw.js使得你可以使用html与js编写本地应用。
 
*NW.js是Node-Webkit的简称
 
 
2.下载node-webkit https://github.com/nwjs/nw.js
找到如图：
　　
按需下载。
下载完成后是个压缩包。解压即可。
然后看到nw.exe文件：
双击运行一下，看是否正常：
 
黑黑的还是挺酷的!
 
3.编写第一个示例，这个https://github.com/nwjs/nw.js都有，很简单。直接照着来就行。
 
4.结合我之前做的nodejs扫描文件，每次ctrl+b嫌麻烦，这里就打成一个包来直接双击运行。
在与nw.exe文件的同目录下，新建一个test文件夹。
 
里面放着的目录：
 
app.js：是之前的扫描文件。
package.json:
{

    "name":"zqz", //这里的name属性很重要，类似唯一标示。不可少！

    "main":"index.html", //窗口要渲染的文件

    "nodejs":true,    //true,为启用nodejs

    "node-main":"app.js", //nodejs的入口文件

    "window":{    //简单的设置了一个属性

        "width":800,

        "height":500

    }

}
 
index.html:
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

    <title>Frist Web Desk App</title>

</head>

<body>

<h1>扫描切归并成功！</h1>

</body>

<script type="text/javascript" src="app.js"></script>

</html>
 
步骤一：
 将上面三个文件右键压缩成一个以.zip为后缀的文件。
 
 
步骤二：将test.zip文件直接copy到与nw.exe同级的文件中
 
 
然后直接将test.zip拖拽到nw.exe上。这样可以直接执行。虽然这样方便，但是不酷！所以say no~
 
步骤三：将nw.exe文件与test.zip文件合并成一个文件
在命令行中进行如图的操作：
 
 
nw.exe一定要在test.zip之前！
最后，牛逼的exe生成了！
 
让我们双击它！
 
我现在桌面上有很多截图：
 
当当当当~~~~
桌面干净了！
 
但是！！我还是觉得不够酷！为什么？因为我想发给别人来装X！哈哈
所以我们可以下载一个这个打包软件：http://enigmaprotector.com/assets/files/enigmavb.exe
 
 
Add：选中我们文件夹中除了test文件夹。
 
 
 
然后将我们的scanDeskImg_boxed.exe文件复制到桌面，看看能不能运行成功，如果运行成功，说明你可以尽情的装X了！
 
**问题一：
我在桌面上第一次运行失败，报需要locales文件夹。
所以我将locales文件copy到桌面，然后就可以了！
可能是我文件中有中文的问题。
 
问题二：打包后的文件太大：
 
 
 
 

Node-Webkit打包的更多相关文章

  1. node代码打包为 exe文件---端口进程关闭demo

    最近用到 java,用tomcat起的服务,经常服务关了,对应的进程还在跑,导致再次启动服务失败,需要手动关闭进程. 使用 dos命令虽然只有两行,总是输,也很烦. netstat -ano | fi ...

  2. sencha touch+phonegap+node.js打包

    这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后 ...

  3. rollup node.js 打包工具

    最近在做一个提供给浏览器和node同时使用的js的url模板工具类,在用什么打包工具上纠结了一段时间,正好有一天在知乎上看到了关于rollup的介绍,在自己试了试之后,就决定用rollup.js来打包 ...

  4. node webkit（nw.js） 设置自动更新

    原理:把更新的文件放在服务器上,设置一个客户端版本号,每次打开客户端的时候,通过接口获取服务器上的版本,如果高于本地的版本就下载服务器上的代码,低于或等于就不更新 <script> var ...

  5. Node webkit启动最大化窗口

    <!DOCTYPE html> <html> <head>     </head> <body>     <p style=" ...

  6. node+react 打包成功，控制台报错

    控制台报错: 'ReactCurrentOwner' of undefined 解决办法:RN版本的问题. As I mentioned, make sure you've installed the ...

  7. node webkit (nw.js) 无法调试的结局方案之一

    之前做过nw项目,当时主要内容是由别人做的!过后回到家中,自己研究了下这方面.结果发现我自己写的nw 客户端不可以调试!在网上各种找办法,没找到,深感绝望,突然看到 (https://github.c ...

  8. electron利用nodejs+移动端技术跨平台桌面应用开发框架——记录下，类似node webkit！

    Build cross platform desktop appswith JavaScript, HTML, and CSS Electron: 1.6.8Node: 7.4.0Chromium:  ...

  9. 使用pkg打包Node.js应用的方法步骤

    Node.js应用不需要经过编译过程,可以直接把源代码拷贝到部署机上执行,确实比C++.Java这类编译型应用部署方便.然而,Node.js应用执行需要有运行环境,意味着你需要先在部署机器上安装Nod ...

  10. 基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

      一:源起       1.何为CB/S的应用程序       C/S结构的应用程序,是客户端/服务端形式的应用程序,这种应用程序要在客户电脑上安装一个程序,客户使用这个程序与服务端通信,完成一定的 ...

随机推荐

  1. PHP-生成缩略图和添加水印图-学习笔记

    1.开始 在网站上传图片过程,经常用到缩略图功能.这里我自己写了一个图片处理的Image类,能生成缩略图,并且可以添加水印图. 2.如何生成缩略图 生成缩略图,关键的是如何计算缩放比率. 这里,我根据 ...

  2. nginx+iis+redis+Task.MainForm构建分布式架构 之 (redis存储分布式共享的session及共享session运作流程)

    本次要分享的是利用windows+nginx+iis+redis+Task.MainForm组建分布式架构,上一篇分享文章制作是在windows上使用的nginx,一般正式发布的时候是在linux来配 ...

  3. UWP开发之Mvvmlight实践八：为什么事件注销处理要写在OnNavigatingFrom中

    前一段开发UWP应用的时候因为系统返回按钮事件(SystemNavigationManager.GetForCurrentView().BackRequested)浪费了不少时间.现象就是在手机版的详 ...

  4. Consul 服务注册与服务发现

    上一篇:Mac OS.Ubuntu 安装及使用 Consul 1. 服务注册 对 Consul 进行服务注册之前,需要先部署一个服务站点,我们可以使用 ASP.NET Core 创建 Web 应用程序 ...

  5. 最长回文子串-LeetCode 5 Longest Palindromic Substring

    题目描述 Given a string S, find the longest palindromic substring in S. You may assume that the maximum ...

  6. ASP.Net MVC4+Memcached+CodeFirst实现分布式缓存

    ASP.Net MVC4+Memcached+CodeFirst实现分布式缓存 part 1:给我点时间,允许我感慨一下2016年 正好有时间,总结一下最近使用的一些技术,也算是为2016年画上一个完 ...

  7. 【SAP业务模式】之ICS（四）：组织单元的配置

    SAP的ICS业务后台配置主要有以下几个配置点: 1.组织单元的配置(公司代码.销售组织.工厂.采购组织等): 2.主数据的部分: 3.订单和开票的定价过程: 4.开票输出类型: 5.公司间发票的配置 ...

  8. Hadoop伪分布式集群环境搭建

    本教程讲述在单机环境下搭建Hadoop伪分布式集群环境,帮助初学者方便学习Hadoop相关知识. 首先安装Hadoop之前需要准备安装环境. 安装Centos6.5(64位).(操作系统再次不做过多描 ...

  9. 烂泥：wiki系统confluence5.6.6安装、中文、破解及迁移

    本文由ilanniweb提供友情赞助,首发于烂泥行天下 想要获得更多的文章,可以关注我的微信ilanniweb confluence是一个专业的企业知识管理与协同软件,可以用于构建企业wiki.通过它 ...

  10. IM 去中心化概念模型与架构设计

    今天打算写写关于 IM 去中心化涉及的架构模型变化和设计思路,去中心化的概念就是说用户的访问不是集中在一个数据中心,这里的去中心是针对数据中心而言的. 站在这个角度而言,实际上并非所有的业务都能做去中 ...