将你的 KISSY 程序移植到服务器端

如果你还不了解 NodeJS，请参照 NodeJS.org，简言之：

Node.js 是服务器端的 JavaScript 运行环境，它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色，Node.js 采用 V8 引擎，同样，Node.js 实现了类似 Apache 和 nginx 的web服务，让你可以通过它来搭建基于 JavaScript 的 Web App。

你可以通过我们前些天 team 内的一个分享来了解下 NodeJS

nodejs-kissy 项目

KISSY 是淘宝网开发的一款轻巧灵活的JS框架，如今已经是1.1.5版本，并在淘宝网广泛应用，在浏览器端给我们带来更加清新的体验，今天让我们更进一步，我们发起了nodejs-kissy 项目，你的 KISSY 程序可以无缝移植到服务器端了

从这里开始 nodejs-kissy

得益于 KISSY 轻巧的设计，核心模块可以很充分的解偶，所以对 KISSY 作简单hack就能够运行在 NodeJS 上。但开始之前应该首先准备好预装了 npm 的服务器(linux/FreeBSD/MacOS/cygwin)，npm 是 NodeJS 软件包管理器，类似yum 和 apt-get，通过他来安装 NodeJS 的软件包会非常方便。

准备 npm：

curl http://npmjs.org/install.sh | sh

如果你的账户没有权限则先准备好目录权限：

sudo chown -R $USER /usr/local

安装成功后就可以通过 "npm install package_name" 命令来安装 NodeJS 软件包了

安装 Nodejs-KISSY 的依赖：服务器端没有浏览器环境，要运行js需要模拟真实的浏览器环境，因此 KISSY 需要依赖一些包：

npm install jsdom
npm install htmlparser
npm install express
npm install connect

安装Nodejs-kissy：

npm install kissy

运行 “hello world”：

新建文件 helloworld.js

var S = require('kissy').KISSY;
S.ready(function(S){
        S.log('hello world!');
});

运行：

node helloworld.js

更方便的移植?

你可能会好奇，服务器端没有浏览器，为什么KISSY能如此轻松的运行在服务器端？这主要是因为KISSY的模块加载机制是脱离浏览器环境的，也就是说KISSY.use、KISSY.add、KISSY.app是和环境无关的，它只关系到你组织代码的方式和风格，另外，得益于足够原生态的KISSY-DOM实现，KISSY只调用到domjs（domjs的高层api是面向YUI3设计的）的基础方法，所以DOM相关操作依然可以无缝嫁接到服务器端，相对于YUI3核心模块的深层次耦合，KISSY的移植实在是太轻松了。

策略上的取舍

KISSY 基于“one for all”理念的core和粗粒度的widget，使得KISSY可以使用更少的"引入文件"来执行程序，而非必要一定采用combo(即使采用combo性能未必提高多少)，这样使得require的逻辑策略更简便。

所见即所得

和YUI3一样，KISSY-Loader 也可以非常方便的引入外部脚本，不管脚本是存放在服务器上，还是通过http请求到，开发者只要require fullpath即可，非常低碳，比如我可以这样运行：

var S = require('kissy').KISSY;
S.add({
    'menu':{
        fullpath:'http://cdn/menu.js'
    }
}).use('menu',function(S){
    new S.Menu('ID');
});

总之，你在浏览器端怎么用 KISSY，你就在服务器端怎么写，接下来，nodejs-kissy 项目的主要工作是更多的测试和提高其健壮性。nodejs-kissy 和 KISSY 一样基于 MIT 协议，你可以通过 fork github 上的项目来参与 nodejs-kissy 的开发。

posted at 2010-12-19