您的位置：首页 > Web前端 > Node.js

node.js搭建简单的websocket

2014-08-17 19:57 316 查看

1、首先在官网http://www.nodejs.org/下载NODE.JS

2、打开命令行CMD，进入NODEJS\node_modules\的目录，输入npm install socket.io 安装socket.io模块.别急着关掉此CMD窗口，后面有用

3、搭建服务端代码server.js

var http = require('http');
var io = require('socket.io');
var cisserver = http.createServer(function (request, response) {
response.writeHead(200, { 'Content-Type': 'text/html' });
response.end('start!');

}).listen(8000);

var ccisSocket = io.listen(cisserver); //.set('log', 1);
ccisSocket.on('connection', function (client) {
client.on('message', function (data) {
console.log('client message', data);
client.emit('message', data);
client.on('disconnect', function () { console.log('disconnect') })
})
})

4、切换之前NODEJS的命令行窗口输入node server.js开启监听模式

5、客户端代码

<!DOCTYPE html>
<html>
<head>
<script src='http://localhost:8000/socket.io/socket.io.js'></script>
</head>
<body>
<script>
var HTML5WebSockets = {};
HTML5WebSockets.socketio = {
yoursocket: null,

initialize: function () {

HTML5WebSockets.socketio.yoursocket = io.connect('http://localhost:8000');

HTML5WebSockets.socketio.yoursocket.on('connect', function () {
HTML5WebSockets.socketio.log('You are connected to Server<br />');
HTML5WebSockets.socketio.yoursocket.send("目前有值");
});

HTML5WebSockets.socketio.yoursocket.on('message', function (data) {
//alert(data);
HTML5WebSockets.socketio.log('Server Response:  ' + data + '<br />');
});

HTML5WebSockets.socketio.yoursocket.on('disconnect', function () {
HTML5WebSockets.socketio.log('You are disconnected from Server<br />');
});

document.querySelector('#sendMes').onclick = function () {
HTML5WebSockets.socketio.sendMessageToServer(document.getElementById("mes").value);
document.getElementById("mes").value = '';
};

},
sendMessageToServer: function (data) {
HTML5WebSockets.socketio.yoursocket.send(data);
HTML5WebSockets.socketio.log('Message to Server: ' + data + '<br />');
},

log: function (message) {
document.getElementById("log").innerHTML += message;
}
}
</script>

<div id='log'></div>
<input type='text' id='mes' />
<button type='button' id='sendMes'>Send</button>
<br />
<script>
HTML5WebSockets.socketio.initialize();
</script>
</body>
</html>

7、运行HTML文件，输入值，等待服务端返回的结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航