node-webkit入门

一、简介

  node-webkit 是一个基于chromium与node.js的应用程序运行器,它允许开发者使用web技术编写桌面程序。通过Node.js和WebKit技术的融合,开发者可以用HTML5技术编写UI,同时又能利用Node.js平台上众多library访问本地OS的能力,最终达到用Web技术就可以编写桌面应用的目的。它提供一个跨Windows、Linux、OS X平台下的客户端应用开发的底层框架,跟移动终端上的PhoneGap等项目的原理类似。node-webkit项目位于Github上。node-webkit特点如下:

  • 使用web技术开发,HTML5、CSS3、JS、WebGL。
  • 在网页中使用Node.js。
  • 跨平台运行,兼容Linux,Mac OSX和Windows。

 二、实例

  node-webkit的下载地址为:https://github.com/rogerwang/node-webkit。我们可以下载Windows、linux或Mac系统的版本。这里使用Windows版本。

  1、下载Windows版本node-webkit,这里采用 的版本号是(v0.8.2 - Dec 6, 2013)。该包解压后有如下8个文件。

  node-webkit入门_第1张图片

  其中nw就是我们运行程序的文件,其他的都是些动态链接库或相关文件。

  2、开始编写程序

   a、创建index.html文件,文件内容如下:

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>Hello World!</title>
 5   </head>
 6   <body>
 7     <h1>Hello World!</h1>
 8     We are using node.js <script>document.write(process.version)</script>.
 9   </body>
10 </html>

   b、创建package.json文件,文件内容如下:

1 {
2   "name": "nw-demo",
3   "main": "index.html"
4 }

   c、将两个文件压缩成zip文件(这两个文件必须在zip文件的根目录下),重命名为app.nw。

   d、将app.nw文件拖到nw.exe,即可成功运行。运行结果如下图所示:

node-webkit入门_第2张图片

你可能感兴趣的:(webkit)