java node websocket_基于node的webSocket应用

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哦~');

}

Socket.Io是个JavaScript框架，包括服务器端和客户端，使用统一的API封装了各种实时连接(如WebSocket、Flash Socket、AJAX长轮询等)，使得后端的连接可以对开发人员透明。

Socket.IO使用检测功能来判断是否建立WebSocket连接，或者是AJAX long-polling连接，或Flash等。可快速创建实时的应用程序。

Socket.IO可以从GitHub下载，可以把socket.io.js文件包含到页面中：

CODE:

[/code

此时，Socket.IO在此页面上是有效的，是时候创建Socket了：

[code]//创建Socket.IO实例，建立连接

var socket= new io.Socket('localhost',{

port:8080});

socket.connect();//添加一个连接监听器

socket.on('connect',function() {

console.log('Client has connected to the server!');

});//添加一个连接监听器

socket.on('message',function(data) {

console.log('Received a message from the server!',data);

});//添加一个关闭连接的监听器

socket.on('disconnect',function() {

console.log('The client has disconnected!');

});//通过Socket发送一条消息到服务器

functionsendMessageToServer(message) {

socket.send(message);

}

Socket.IO简化了WebSocket API，统一了返回运输的API。传输包括：

WebSocket

Flash Socket

AJAX long-polling

AJAX multipart streaming

IFrame

JSONP polling

你还可以设置任意的Socket.IO构造器的第二个选项，选项包括：

port - 待连接的端口

transports - 一个数组，包含不同的传输类型

transportOptions - 传输的参数使用的对象，带附加属性

Socket.IO还提供了由本地WebSocket API提供的普通连接、断开连接、消息事件。Socket还提供了封装每个事件类型的方法。

客户端使用socket.io

去github clone socket.io的最新版本，或者直接饮用使用socket.io的CDN服务：

下面可以创建使用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见前一篇文章

通过nodejs的http模块就可以方便的搭建websocket服务器环境，例如下面的代码：

server端：

var http = require('http')

, socketio= require('socket.io');var server = http.createServer(function(req, res) {

res.writeHead(200, { 'Content-type': 'text/html'});

console.log('Listening at: http://localhost:8080');

});//添加一个连接监听器

socketio.listen(server).on('connection', function(client) {//监听成功

client.on('message', function(msg) {

console.log('Message Received: ', msg);

client.send('message', msg);

});

client.on("disconnect", function() {

console.log("Server has disconnected");

})

});

client端：

iosocket.on('connect', function() {

$('#incomingChatMessages').append($('

Connected'));

iosocket.on('message', function(message) {

$('#incomingChatMessages').append($('

').text(message));

});

iosocket.on('disconnect', function() {

$('#incomingChatMessages').append('

Disconnected');

});

});

$('#outgoingChatMessage').keypress(function(event) {if(event.which == 13) {

event.preventDefault();

iosocket.send($('#outgoingChatMessage').val());

$('#incomingChatMessages').append($('

').text($('#outgoingChatMessage').val()));

$('#outgoingChatMessage').val('');

}

});

});

把服务端代码保存为socket.js然后在命令行执行：node socket.js即可启动服务器，用浏览器打开两个页面就可以测试了。

注：代码要和npm_module在同一个目录下。不然会出现找不到socket.io module的错误。