《使用dojo和node-webkit开发跨平台桌面应用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、前言作为一名Web前端工程师，我们的工作在大多数情况下，就是与各种浏览器打交道，开发以页面为主的Web应用程序。为此，非常的熟悉HTML、CSS、JavaScript以及各类主流的JavaScript工具库，比如Dojo、jQuery、YUI等。但是，浏览器的安全沙盒把我们限制在了一个小小的圈子里，我们不能用JavaScript访问操作系统的本地文件系统，不能发起一个Socket请求,不能获取CPU和内存的使用情况,也不能访问关系型数据库或者NoSQL数据库。您是否一直在憧憬着，某一天，您使用着您最拿手的前端技能，来开发那些本来由Java,、C++等语

2、言所开发的桌面应用程序呢?很幸运，答案是肯定的！Node-webkit这个开源项目的出现，为Web前端开发人员提供了一个新的舞台；它更给我们带来了一个实际的价值，让我们现有的Web应用，可以更方便的移植到我们的桌面上来，加以本地功能的扩展，获取更大的用户体验度。回页首Node-webkit架构概述Node-webkit是项目托管网站Github上一个非常热门的开源项目，它基于著名的浏览器开源项目Chromium和服务器端JavaScript实现Node.js的一个应用程序运行时环境。假如您对它还没有任何头绪，不妨可以这样来想象一下这个运行时环境：它是一

3、个支持HTML5特性的全功能Web浏览器,并且它没有安全沙盒的限制,我们可以用JavaScript来操作HTMLDOM对象，也可以来调用操作系统的本地资源。图1.Node-webkit概览我们来通过一段最简单的代码，窥探一下Node-webkit的样子:清单1.简单示例代码

HelloWorld!

5、s的环境变量PATH中，添加路径C:ProgramFilesode-webki至此,Node-webkit安装就算完成了。我们可以在命令行中运行nw，如果您看到如下窗口出现,则表示Node-webkit在您的计算机上已完全安装成功：图3.成功运行Node-Webkit的界面创建第一个Node-webkit应用复杂的应用从HelloWorld开始！让我们一步一步来建立我们第一个最简单易懂的Node-webkit应用程序。首先，在您计算机上任意目录下，建立一个命名为sample-app的文件夹，它将被用来存放我们的示例应用程序代码和其他所有需要的资源

6、文件；然后在sample-app文件夹下，预建立一些空的子文件夹，用来合理的存放不同类型的文件；最后，建立两个文件：index.html和package.json。至此，sample-app文件夹中看起来应该是这样的一个结构：图4.sample-app包含的文件和目录对这样一个目录结构，是不是觉得非常熟悉？没错，它就是一个标准的Web工程的目录结构，因为Node-webkit的开发继承了Web前端开发的一切，所以您所掌握的Web开发经验将使您更快速的掌握它。下一步，我们来看一下index.html和package.json这两个重要文件中的内容：清单2

7、.index.html

HelloWorld!

8、e-webkit", "version":"0.1.0", "window":{ "toolb