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

使用Node.js的socket.io模块开发实时web程序

2015-11-19 22:04 1001 查看

首发：个人博客，更新&纠错&回复
今天的思维漫游如下：从.net的windows程序开发，摸到nodejs的桌面程序开发，又熟悉了一下nodejs，对“异步”的理解有了上上周对操作系统的学习而更能理解。

然后发现了Node.js中的socket.io这个模块，又觉得跟前几天用.net做客户端的socket游戏了。

技术世界，兜兜转转，相逢一笑，疑是故人。
socket.io用来做实时web程序，解决之前的B/S程序只有无状态连接，特定需求还需要用长连接这种“奇技淫巧”的问题。

当然，这是html5中websocket技术的任务，而socket.io正是封装了它。

socket.io的文档在这里，先写个demo，明天想个好玩的点子玩玩看。

真的好短好舒服，比java的socket编程美观，比java的websocket服务端编程美观到不知哪里去了。
服务器代码：

var app = require("http").createServer(handler);

var io = require("socket.io").listen(app);

var fs = require("fs");

var html = fs.readFileSync("index.html", "utf8");

function handler(req, res){

res.setHeader("Content-Type", "text/html");

res.setHeader("Content-Length", Buffer.byteLength(html, "utf8"));

res.end(html);

}

app.listen(8080);

io.sockets.on("connection", function(socket){

//从客户端获得命令

socket.on("say", function(data){

//向客户端发命令

io.sockets.send(data.content);

});

});

网页代码：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf8">

</head>

<body>

<div id="msg"></div>

<input type="text" id="t"/>

<input type="button" id="b" value="发送"/>

<script type="text/javascript" src="/socket.io/socket.io.js"></script>

<script type="text/javascript">

var socket = io.connect();

//从服务器获得消息

socket.on("message", function(msg){

var newMsg = document.createElement("div");

newMsg.innerHTML = msg;

document.getElementById("msg").appendChild(newMsg);

});

document.getElementById("b").onclick = function(){

var txt = document.getElementById("t").value;

//向服务器发消息

socket.emit("say", {

"content" : txt

});

}

</script>

</body>

</html>

用法：在已安装nodejs的前提下，在某个文件夹执行

npm install socket.io

再新建main.js和index.html俩文件，代码分别如上，然后启动服务器

node main.js

在浏览器http://localhost:8080/就可以使用了，开多个浏览器看效果。
小贴士：

按shift在文件夹里右键单击，会弹出“在此处打开命令行窗口”的菜单项，比windows+r，再cmd，再复制文件夹路径，再cd过去方便多了。

长期欢迎项目合作机会介绍，项目收入10%用于酬谢介绍人。新浪微博：@冷镜，QQ：908789432。

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

标签：

相关文章推荐

新的分享

章节导航