Node-webkit 介绍

101 阅读 0 评论 67 点赞

我是靠谱客的博主彪壮小海豚，最近开发中收集的这篇文章主要介绍Node-webkit 介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

什么是Node-webkit ?

Node-webkit 是Intel工程师rogerwang写的一个基于node.js和chromium的应用程序运行环境，通过node-webkit，我们可以使用html/javascript/css编写pc桌面应用。

其实可以理解为还是编写web app，但是可以使用node.js的api，最后将整个应用连浏览器打包发布出去。所以它不受平台限制（使用到node.js调用操作系统api除外），一份代码打包到对应平台发布即可，如果有了解过phonegap/cordova，这个node-webkit和它们是很类似的，只是多了node.js这一块。

项目地址：https://github.com/rogerwang/node-webkit

入门Demo

这里介绍使用node-webkit开发一个项目的操作流程。

下载node-webkit

在https://github.com/rogerwang/node-webkit 下载对应操作系统的文件。解压即可。建议将其添加到环境变量中。

新建项目

新建项目文件夹. C:/Users/keith/node/webkitdemo
新建 package.json

 <!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<h1>Hello Node-webkit</h1>
Node.js version: <script>document.write(process.version)</script>.
</body>
</html>

运行

在命令行下:
```
 npm install node-webkit-builder -g
cd C:/Users/keith/node/
nwbuild -p win C:/Users/keith/node/webkitdemo/
cd build/demo/win/
./demo.exe
//运行程序
```
此时你可以选择直接将编译后的文件夹压缩发布出去，也可以选择再将编译后的文件夹打包为一个exe文件，直接发布这个exe文件，如果要这样做的话需要一个一个工具Enigma Virtual Box,安装之后运行Enigma virtual box
在Enter Input File Name选择C:/Users/keith/node/build/win/demo.exe文件，再点击下面的add按钮添加C:/Users/keith/node/build/demo/win目录下的所有dll文件和nw.pak,再点击Files Opions，勾选compress压缩文件，最后点击Process，完成。