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

原创 2015年11月19日 22:04:32

首发:个人博客,更新&纠错&回复

今天的思维漫游如下:从.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
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Node.js websocket 使用 socket.io库实现实时聊天室

认识websocketWebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duple)。一开始的握手需要借助HTTP请求完成。其实websock...

使用Node.js+Socket.IO搭建WebSocket实时应用

Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。 ...

使用Node.js+Socket.IO搭建WebSocket实时应用

Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。 ...

Node.js websocket 使用 socket.io库实现实时聊天室

Node.js websocket 使用 socket.io库实现实时聊天室

使用Node.js+Socket.IO搭建WebSocket实时应用

Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。本文...

使用Node.js+Socket.IO搭建WebSocket实时应用

Web领域的实时推送技术,也被称作Realtime技术。这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新。它有着广泛的应用场景,比如在线聊天室、在线客服系统、评论系统、WebIM等。 ...

从helloworld开始构建一个node.js+socket.io+express4实时应用示例

查看一下node.js和npm(模块管理)版本号node -v v0.12.0 npm -v 2.5.1 先运行个小例子进入示例根目录,如/data/www/hello 新建helloworld.j...
  • keyunq
  • keyunq
  • 2015-03-26 13:56
  • 15202

node.js+socket.io 实现一个web聊天室

在cnode中看到一篇应用socket.io实现web聊天室的帖子,非常不错,然后就按照博主的教程去实现了一个web聊天室。 聊天室教程文档链接如下。 主要用到了socket.io的emit和on事件...

单页WEB应用(七),WebServer Node.js 之 Socket.IO

前面学习了下 Express 框架,大概有了个了解了,基于 node.js 服务器算是简单搭建了个,完成了各种中间件使用,路由功能,那么接下来就是通信这块了,包括监听文件或数据的变化,和事件的监听和处...
  • gccll
  • gccll
  • 2017-03-13 09:47
  • 139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)