前几天晚上边看水浒边写的nodejs的聊天室，前面说了，放假之前要把近日学习nodejs的所有心得整理下，今天就是30号鸟~撒欢~，最后放这个聊天室出来给大家作为学习nodejs的参考示例，希望对大家有用。
感谢：cnodejs群里的老雷，及其微博上的基友们！顺祝大家长假快乐，顺祝自己明天动车不出轨，顺祝明年不再过节，感慨多了……
聊天室主要功能及其特点：
废话不多说了，注意点，基本前面的文章都提到了，下面罗列下：
《配置nodejs.exe的windows目录结构》
《安装express及配置app.js文件》
《使用socket.io和node.js搭建websocket应用》
《在Express和Socket.IO中使用session》
在nodejs项目中对于一些认证需要用到session，例如我写的nodejs 聊天室的demo，就是通过session实现的认证。当存在session，直接进入聊天室，而不会重新登录。
在网上也找到不少关于Express框架中的session调用方法，可是发现真正能用的不是很多，今天根据聊天室的制作过程，整理下Express和socket.IO中使用session的具体方法。
Express的session是通过cookie实现的，用到了connect中的两个module：parseCookie和MemoryStore，前者是用来解析cookie，后者用来存储sesion。
Express框架中使用session必须先引入上面的两个模块，例如下面的代码：
var parseCookie = require('connect').utils.parseCookie, MemoryStore = require('connect/middleware/session/memory'); //建立一个memory store的实例 var storeMemory = new MemoryStore({ reapInterval: 60000 * 10 });
在app需要添加如下的配置：
app.configure(function(){ app.use(express.bodyParser());//解析post app.use(express.cookieParser());//解析cookie //设置session app.use(express.session({ secret: 'wyq', store:storeMemory })); });
在请求中我们可以使用request.session来调用session，例如下面的代码：
app.get('/',function(req,res){ //使用request.session来判断是否登录 if( req.session.name && req.session.name!==''){ //需要判断下是否已经登录 res.redirect('/chat'); }else{ //读取登录页面，要求登录 var realpath = __dirname + '/views/' + url.parse('login.html').pathname; var txt = fs.readFileSync(realpath); res.end(txt); } });
在nodejs项目中，我们常常使用websockt来实现通信，所以websocket中也需要通过session来认证用户。本例使用socket.io来举例实现nodejs中websocket通信session的认证。关于socket.io的使用参考文章《使用socket.io和node.js搭建websocket应用》
上面代码中引入了解析cookie的parseCookie，所以session是通过cookie来解析的。首先我们建立了socket的监听之后需要对监听到的头文件处理，解析出来cookie中的session。例如下面的代码：
var io = sio.listen(app); //设置session io.set('authorization', function(handshakeData, callback){ // 通过客户端的cookie字符串来获取其session数据 handshakeData.cookie = parseCookie(handshakeData.headers.cookie) var connect_sid = handshakeData.cookie['connect.sid']; if (connect_sid) { storeMemory.get(connect_sid, function(error, session){ if (error) { // if we cannot grab a session, turn down the connection callback(error.message, false); } else { // save the session data and accept the connection handshakeData.session = session; callback(null, true); } }); } else { callback('nosession'); } });
websocket是HTML5的一种新的通信协议，它是实现了浏览器与服务器的双向通讯。在 WebSocket API 中，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
关于websocket的更多信息，请移步维基百科
在客户端使用websocket需要创建WebSocket对象，通过提供的open、send、message、close等方法实现创建、发送、监听信息、关闭连接。例如下面的代码：
if('WebSocket' in window){ // 创建websocket实例 var socket = new WebSocket('ws://localhost:8080'); //打开 socket.onopen = function(event) { // 发送 socket.send('I am the client and I\'m listening!'); // 监听 socket.onmessage = function(event) { console.log('Client received a message',event); }; // 关闭监听 socket.onclose = function(event) { console.log('Client notified socket has closed',event); }; // 关闭 //socket.close() }; }else{ alert('本浏览器不支持WebSocket哦~'); }
现在chrome、firefox等浏览器都已经支持了websocket，而IE却没有。下面我们来简单说说服务器端对websocket的支持。
服务器端支持websocket的语言不少，而且都有相关的开源项目，例如php的phpwebsockets：http://code.google.com/p/phpwebsockets/，java的jWebsocket：http://jwebsocket.org/。
更多的信息可以浏览这篇文章：Start Using HTML5 WebSockets Today
socket.IO是一个websocket库，包括了客户端的js和服务器端的nodejs。官方地址：http://socket.io
去github clone socket.io的最新版本，或者直接饮用使用socket.io的CDN服务：
<script src="http://cdn.socket.io/stable/socket.io.js"></script>
下面可以创建使用socket.io库来创建客户端js代码了：
var socket = io.connect('http://localhost'); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); });
socket.on是监听，收到服务器端发来的news的内容，则运行function，其中data就是请求回来的数据，socket.emit是发送消息给服务器端的方法。
socket.io不仅可以搭建客户端的websocket服务，而且支持nodejs服务器端的websocket。
使用node插件管理包，运行下面的命令就可以安装成功socket.io
npm install socket.io
没有npm的或者windows用户可以使用github下载socket.io并且放入到node_modules文件夹中，具体配置可以参考文章：《nodejs教程：配置nodejs.exe的windows目录结构》
通过nodejs的http模块就可以方便的搭建websocket服务器环境，例如下面的代码：
// 引入需要的模块：http和socket.io var http = require('http'), io = require('socket.io'); //创建server var server = http.createServer(function(req, res){ // Send HTML headers and message res.writeHead(200,{ 'Content-Type': 'text/html' }); res.end('<h1>Hello Socket Lover!</h1>'); }); //端口8000 server.listen(8080); //创建socket var socket = io.listen(server); //添加连接监听 socket.on('connection', function(client){ //连接成功则执行下面的监听 client.on('message',function(event){ console.log('Received message from client!',event); }); //断开连接callback client.on('disconnect',function(){ console.log('Server has disconnected'); }); });
一个隐藏的DOM是获取不到宽高的，如果想要获取，采用下面的方法：
首先clone一个DOM，设置position:absolute，然后设置top为一个比较大的负值，然后使其显示出来，最后获取到了DOM的宽高后，将其remove。
具体代码如下：
继续阅读全文……
express.js是nodejs的一个MVC开发框架，并且支持jade等多种模板。下面简单来说说express的安装和app.js文件的配置，然后在今后的教程中一步一步使用express.js搭建个聊天室。
如果你安装了npm，安装变得很简单，只需要在终端中运行下面的代码即可：
npm install express -gd
-g代表安装到NODE_PATH的lib里面，而-d代表把相依性套件也一起安装。如果沒有-g的话会安装目前所在的目录(会建立一个node_modules的文件夹)，你可以透过以下指令来比较两者的不同：
npm list -g
npm list
如果没有npm，那么我可以使用github来git下来最新的express。
好了，现在你可以通过express testapp来建立express实例。以下是示例：
cd ~
express testapp
cd testapp
node app.js
这样就建立了一个testapp的nodejs应用，而app.js是默认的应用主js。下面来详细的说说app.js中的各项配置。
var express = require('express'); var app = module.exports = express.createServer();
require()是node.js提供的函数，可以让你引入其他模块以调用模块的函数和变量，默认下node.js会在$NODE_PATH和目前js所在目录下的node_modules文件夹下去寻找模块。require也可以用来载入自己写的模块哦~这样涉及到node.js的模块机制，后面有机会就在介绍。
第二行的express.createServer()就是在建立server，而中间的module.exports也是涉及到node.js的模块机制，以后再说。
express.js继承自connect模块，所以如果你的node_modules文件夹下没有connect模块也是不行的。
我们再来看下面两行：
app.set('views', __dirname + '/views'); app.set('view engine', 'jade');
上篇说了nodejs在cygwin下面的配置，可是用起来真的不爽，很多人在微博也说有nodejs.exe文件，于是试着配置下，发现nodejs.exe+github做插件管理，是在windows下面搭建nodejs服务器的不错选择。下面结合自身实践，简单说说。
首先去官方下载最新版的nodejs.exe。下载后随便找个地方放，例如D:\\node。
有两种方法配置PATH，
1、直接把nodejs.exe复制到windows文件夹下，这样就不用在环境变量里面配置PATH了
2、配置PATH，在我的电脑属性里面找到环境变量，然后在系统变量中更改Path的属性添加;D:\\node，即放置nodejs.exe的目录地址，注意前面的”;”不能少
nodejs的有自己的插件管理包npm，可是在windows系统下不能使用，不过鉴于大多数的nodejs的插件都是通过github管理的，所以我们只要安装个github客户端就可以了，如果有必要还可以安装TortoiseGit，作为图形化Git管理。
nodejs的插件都是放在node_modules的文件夹下，所以我们在node文件夹下建立node_modules的文件夹，将下载的nodejs的插件都放在这个文件夹下，或者直接在node_modules文件夹中直接git clone出来最新版的插件即可。
nodeJS火的不行鸟，早就想安装下试试，对于Ubuntu系统是很容易的，可是自从电脑重装了win7系统，就没ubuntu系统了，今天试用了用cygwin安装nodejs。具体过程如下：
cygwin是一个在windows平台上运行的unix模拟环境，是cygnus solutions公司开发的自由软件。下载地址是：http://cygwin.com/setup.exe。
（1）Install from Internet,安装程序在后面步骤会下载大量文件。
（2）Root Directory，是Cygwin的安装目录。
（3）Local Package Directory，是存放所有下载文件的目录，子目录名即下载镜像网址，子目录下的release目录存放的就是所下载的包。
（4）选择连接方式：可以直接连接（Direct Connection），也可以使用代理（Proxy）。
（5）下载镜像站点推荐：
http://mirrors.163.com/cygwin
http://mirrors.sohu.com/cygwin/
也可以获得官方镜像列表后自己验证,http://cygwin.com/mirrors.lst
（6）首次安装提示信息，OK忽略，但如果安装过cygwin 1.7以下版本，参考：
http://cygwin.com/cygwin-ug-net/ov-new1.7.html
（7）建议第一次安装是默认的安装项，第二次在选择nodejs的所需包。
继续阅读全文……
跨域是个“很古老”的问题，因为浏览器的同源策略，导致不同域名下不能进行跨域名请求数据，虽然这样设计安全了很多，但是对于大型的网站同时维护多个域名就需要进行跨域操作。例如：微博开放平台的jssdk实现的跨域请求数据，再例如weibo.com和sina.com的同步登录。
之前我也说过不少跨域的方式了，有结合服务器端的，有纯粹javascript实现的跨域，例如：《利用跨域资源共享（CORS）实现ajax跨域调用》、《用document.domain+iframe实现Ajax跨子域》、《通过JSONP实现完美跨域》。在我的上一篇文章《javascript入门到高级PPT》中也提到了跨域。
当然也有不少关于跨域的文章，例如口碑UED的文章《跨域资源共享的10种方式》等等。大家可以去阅读一下。
今天我说的html5 postMessage和window.name也不是一种新的跨域方式，因为有不少人写文章写了，而实际应用的我不知道有哪些人？不过新浪微博的新旧两个jssdk都是采用这种方式，包括之前的人人网的xd.html，当然现在的人人和facebook都是通过flash实现的跨域，这不是今天说的内容。
postMessage是html5的一个新功能，可以实现不同域名之间的通信，通过给postMessage方式发送数据，监听则通过在父子窗口添加onmessage事件进行。
缺点也就很明显了，只有支持html5的浏览器才支持这种跨域方式，像IE6、7当然就拒之门外了！
window.name实现跨域也是一个比较老的问题，之前kejun写过一个demo，可是给的却是同域名的通信。
其实kejun的实例中就是实现跨域的，不过他采用了同一个域名，而且过程比较崎岖：
充分的运用了window.name因为页面的url改变而name不改变的特性。
但是如果我们是自己用，还是可以的，而如果我们放出去要别人使用我们写的东西，那样学习成本太大。
为了解决上面的问题，我们使用的方法就是如果支持postMessage的浏览器就使用postMessage，如果不支持的就采用window.name的方式，幸运的是在IE6、7中支持跨域设置window.name，而我们就可以简单的通过window.name来跨域。然后建立计时器来监听window.name是否发生了变化，如果变化则接收并分析window.name，然后做请求。
继续阅读全文……
前些日子参加了公司RIA的实习生和新员工的javascript培训课程，做了个PPT，今天拿来跟大家分享下，高手飘过，欢迎拍砖。
本课程分了两段，第一部分是javascript入门基础和中级教程，后面是高级，讲到了javascript的作用域链和原型链，以及javascript面向对象的继承写法，最后简单提了一下前端安全，最后简单介绍了下前端的发展和展望，要新员工开阔下眼界，同时提供了一些学习的资源和RSS源。
继续阅读全文……