由于NodeJS原生不支持websocket,因此需要先安装一个实现wensocket的第三方库,如socket.io,这里使用的ws
npm install ws
Server服务器端代码server.js:
var port = 2050;
console.log('Server is running at ' + port + '.');
var WebSocketServer = require('ws').Server
, wss = new WebSocketServer({port: port});
wss.on('connection', function(ws) {
ws.on('message', function(message) {
console.log('received: %s', message);
ws.send(message);
});
ws.send('Server is ready.');
});
Client客户端html,js代码client.html:
<div id="show"></div>
<input id="msg" name="" type="text" />
<input id="send" type="submit" value="Send" />
<script type="text/javascript">
var ws = new WebSocket('ws://'+document.domain+':2050/'),
msg = document.getElementById("msg"),
show = document.getElementById("show"),
send = document.getElementById("send");
send.onclick = function() {
var val = msg.value;
ws.send(val);
};
ws.onmessage = function(evt) {
show.innerHTML += evt.data + "<br />";
};
</script>
简易http服务器http.js
//------------------------------------------------
//WebSvr.js
// 一个演示Web服务器
//------------------------------------------------
//开始服务启动计时器
console.time('[WebSvr][Start]');
//请求模块
var libHttp = require('http'); //HTTP协议模块
var libUrl = require('url'); //URL解析模块
var libFs = require("fs"); //文件系统模块
var libPath = require("path"); //路径解析模块
//依据路径获取返回内容类型字符串,用于http返回头
var funGetContentType = function (filePath) {
var contentType = "";
//使用路径解析模块获取文件扩展名
var ext = libPath.extname(filePath);
switch (ext) {
case ".html":
contentType = "text/html";
break;
case ".js":
contentType = "text/javascript";
break;
case ".css":
contentType = "text/css";
break;
case ".gif":
contentType = "image/gif";
break;
case ".jpg":
contentType = "image/jpeg";
break;
case ".png":
contentType = "image/png";
break;
case ".ico":
contentType = "image/icon";
break;
default:
contentType = "application/octet-stream";
}
return contentType; //返回内容类型字符串
}
//Web服务器主函数,解析请求,返回Web内容
var funWebSvr = function (req, res) {
var reqUrl = req.url; //获取请求的url
//向控制台输出请求的路径
console.log(reqUrl);
//使用url解析模块获取url中的路径名
var pathName = libUrl.parse(reqUrl).pathname;
if (libPath.extname(pathName) == "") {
//如果路径没有扩展名
pathName += "/"; //指定访问目录
}
if (pathName.charAt(pathName.length - 1) == "/") {
//如果访问目录
pathName += "index.html"; //指定为默认网页
}
//使用路径解析模块,组装实际文件路径
var filePath = libPath.join("./", pathName);
//判断文件是否存在
libPath.exists(filePath, function (exists) {
if (exists) { //文件存在
//在返回头中写入内容类型
res.writeHead(200, {
"Content-Type": funGetContentType(filePath)
});
//创建只读流用于返回
var stream = libFs.createReadStream(filePath, {
flags: "r",
encoding: null
});
//指定如果流读取错误,返回404错误
stream.on("error", function () {
res.writeHead(404);
res.end("<h1>404 Read Error</h1>");
});
//连接文件流和http返回流的管道,用于返回实际Web内容
stream.pipe(res);
} else { //文件不存在
//返回404错误
res.writeHead(404, {
"Content-Type": "text/html"
});
res.end("<h1>404 Not Found</h1>");
}
});
}
//创建一个http服务器
var webSvr = libHttp.createServer(funWebSvr);
//指定服务器错误事件响应
webSvr.on("error", function (error) {
console.log(error); //在控制台中输出错误信息
});
//开始侦听8124端口
webSvr.listen(8124, function () {
//向控制台输出服务启动的信息
console.log('[WebSvr][Start] running at http://127.0.0.1:8124/');
//结束服务启动计时器并输出
console.timeEnd('[WebSvr][Start]');
});