使用Node.js的socket.io模块开发实时web程序
今天的思维漫游如下：从.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过去方便多了。
使用Node.js的socket.io模块开发实时web程序的更多相关文章
- Node.js 和Socket.IO 实现chat WEBIM
socket官方: http://socket.io/ 需求:实现WEB IM功能,数据从服务器PUSH 不是PULL websocket是基于HTML5的新特性,不兼容IE6,7,8 .. ...
- node.js和socket.io实现im
im——Instant Messaging 即时通讯 基本技术原理 (1)通过IM服务器登陆或注销 (2)用户A通过列表找到B,用户B获得消息并与之交谈 (3)通过IM服务器指引建立与B单独的通讯通道 ...
- node.js和socket.io纯js实现的即时通讯实例分享
在这个例子中,其实node.js并没有真正起到服务器的作用,因为我们这里可以直接运行client.html文件,而不用输入url请求,当 然,要想输入url请求页面内容还需要加入请求静态文件的代码.这 ...
- [Node.js] 基于Socket.IO 的私聊
原文地址:http://www.moye.me/2015/01/02/node_socket-io/ 引子 最近听到这么一个问题:Socket.IO 怎么实现私聊?换个提法:怎么定位到人(端),或者说 ...
- 使用Node.js+Socket.IO搭建WebSocket实时应用
Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...
- （转）使用Node.js+Socket.IO搭建WebSocket实时应用
Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...
- 使用Node.js+Socket.IO搭建WebSocket实时应用【转载】
原文:http://www.jianshu.com/p/d9b1273a93fd Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新 ...
- 基于koa模块和socket.io模块搭建的node服务器实现通过jwt 验证来渲染列表、私聊、群聊功能
1. 具体代码在需要的下载 https://gitee.com/zyqwasd/socket 效果: 2. package.json文件 1. 下载基本的模块 修改了start 脚本 nodemo ...
- Node+Express+MongoDB + Socket.io搭建实时聊天应用
Node+Express+MongoDB + Socket.io搭建实时聊天应用 前言 本来开始写博客的时候只是想写一下关于MongoDB的使用总结的,后来觉得还不如干脆写一个node项目实战教程实战 ...
随机推荐
- Naming Conventions for .NET / C# Projects
http://www.akadia.com/services/naming_conventions.html Naming Conventions for .NET / C# Projects Mar ...
- https://my.oschina.net/huangyong/blog/161419
https://my.oschina.net/huangyong/blog/161419
- hibernate一对多注解
package net.zmcheng.model; import java.util.HashSet;import java.util.Set; import javax.persistence.C ...
- 新增WiFi真机同步与实时预览功能 简化真机调试步骤
APICloud工具插件为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同步功能,更新增WiFi真机同步和WiFi真机实时预览两大功能,方便开发者在开发过程 ...
- Java基础——数组应用之StringBuilder类和StringBuffer类
接上文:Java基础——数组应用之字符串String类 一.StringBuffer类 StringBuffer类和String一样,也用来代表字符串,只是由于StringBuffer的内部实现方式和 ...
- selenium 基本了解
Selenium的界面 白色:还未执行 浅青色:动作成功 深青色:判断成功 浅粉红色:判断失败,但不影响测试案例的运行 深粉红色:判断失败,且测试案例无法正常运行 Command 存在的命令 Acti ...
- VMware (威睿) 虚拟化产品简介
VMware vSphere 是VMware(威睿)的一个虚拟化产品,VMware vSphere 是业界领先且最可靠的虚拟化平台.vSphere将应用程序和操作系统从底层硬件分离出来,从而简化了 I ...
- jQuery uploadify上传文件404，500错误
1.如果部署到了IIS7的话,IIS7默认的大小为3000000.修改方法如下: 找到网站双击“请求筛选”——右边找到“编辑功能设置”——将“允许的最大内容长度”改成你想要的就行了. 2.当上传大文件 ...
- smarty -- foreach用法
{foreach},{foreachelse} 用于像访问序数数组一样访问关联数组 {foreach},{foreachelse} {foreach} is used to loop over an ...
- [Reprint]c++中typename和class的区别介绍
在c++Template中,很多地方都用到了typename与class这两个关键字,而且好像可以替换,是不是这两个关键字完全一样呢? 相信学习C++的人对class这个关键字都非常明白,clas ...