首发：个人博客，更新&纠错&回复

今天的思维漫游如下：从.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的socket.io模块开发实时web程序的更多相关文章

  1. Node.js 和Socket.IO 实现chat WEBIM

    socket官方:   http://socket.io/  需求:实现WEB IM功能,数据从服务器PUSH  不是PULL  websocket是基于HTML5的新特性,不兼容IE6,7,8 .. ...

  2. node.js和socket.io实现im

    im——Instant Messaging 即时通讯 基本技术原理 (1)通过IM服务器登陆或注销 (2)用户A通过列表找到B,用户B获得消息并与之交谈 (3)通过IM服务器指引建立与B单独的通讯通道 ...

  3. node.js和socket.io纯js实现的即时通讯实例分享

    在这个例子中,其实node.js并没有真正起到服务器的作用,因为我们这里可以直接运行client.html文件,而不用输入url请求,当 然,要想输入url请求页面内容还需要加入请求静态文件的代码.这 ...

  4. [Node.js] 基于Socket.IO 的私聊

    原文地址:http://www.moye.me/2015/01/02/node_socket-io/ 引子 最近听到这么一个问题:Socket.IO 怎么实现私聊?换个提法:怎么定位到人(端),或者说 ...

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

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

  6. （转）使用Node.js+Socket.IO搭建WebSocket实时应用

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

  7. 使用Node.js+Socket.IO搭建WebSocket实时应用【转载】

    原文:http://www.jianshu.com/p/d9b1273a93fd Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新 ...

  8. 基于koa模块和socket.io模块搭建的node服务器实现通过jwt 验证来渲染列表、私聊、群聊功能

    1. 具体代码在需要的下载 https://gitee.com/zyqwasd/socket 效果: 2. package.json文件 1. 下载基本的模块  修改了start 脚本  nodemo ...

  9. Node+Express+MongoDB + Socket.io搭建实时聊天应用

    Node+Express+MongoDB + Socket.io搭建实时聊天应用 前言 本来开始写博客的时候只是想写一下关于MongoDB的使用总结的,后来觉得还不如干脆写一个node项目实战教程实战 ...

随机推荐

  1. android xUtils get post

    使用android xUtils框架,进行http的get和post验证. 参考链接: https://github.com/wyouflf/xUtils3 http://blog.csdn.net/ ...

  2. 添加 Gradle 依赖与 build.gradle 配置初识

    添加 Gradle 我们可以到我们添加 Maven 依赖的网站 Maven Repository: Search/Browse/Explore http://mvnrepository.com/ 上查 ...

  3. C#中override和overload的区别

    重载应该叫overload,重写叫override:重载某个方法是在同一个类中发生的!重写是在子类中重写父类中的方法. 1.override:   父类:public virtual string T ...

  4. NSOperationQueue 多线程

    staticNSOperationQueue * queue; - (void)viewDidLoad { [superviewDidLoad]; queue = [[NSOperationQueue ...

  5. stasm+三角剖分

  6. echarts html传参+js请求+ashx服务 代码方式

    html 头传参方式 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <hea ...

  7. 学习"大众点评网的架构设计与实践"

    今天看了一篇"程序员"上的文章:"大众点评网的架构与实践",因为里面谈的架构演变之路中所经历的痛点对我的工作经验来说感同身受,所以觉得文章里的一些解决方案对我还 ...

  8. javascript实例学习之一——联动下拉框

    经常碰到这样的需求,如省市_城市_乡镇下拉框.后一个下拉框的内容会根据前一个的改变而改变,之前的解决方法往往是在前一个改变的时候,向后台发送请求临时获取对应的内容.这样每触发一次就会网络请求一次,这种 ...

  9. ON_NOTIFY_REFLECT : Message Reflection for Windows Controls

    转自: https://msdn.microsoft.com/en-us/library/eeah46xd.aspx TN062: Message Reflection for Windows Con ...

  10. 安装confluence

    转自 王小乃  http://blog.163.com/s_w_wang/blog/static/171609221201472202759381/ 安装confluence-5.4.4-x64 参考 ...