Node-Webkit打包

 

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到桌面,而后就能够了!
多是我文件中有中文的问题。
 
问题二:打包后的文件太大:
相关文章
相关标签/搜索