使用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项目实战教程实战 ...
随机推荐
- MVC中Linq to sql创建数据模型
1.创建新的 SQL Server 数据库 点击”视图“-->“服务器资源管理器” ,打开 “服务器资源管理器” 窗口,如下图: 右键“数据连接”,选择“创建新的SQL Server 数据库”, ...
- UIImage转换UIColor内存会莫名增大可以试试另一种方法
一般我们会用此方法加载被背景图片 [self.view setBackgroundColor:[UIColor colorWithPatternImage:[[UIImage alloc]initWi ...
- windows下制作PHP扩展
一.编译PHP 转自:http://demon.tw/software/compile-php-on-windows.html 编译PHP扩展必需的一些头文件需要从php源码中获取,其中有一些配置性的 ...
- 快速理解Docker - 容器级虚拟化解决方案
是什么 简单的说Docker是一个构建在LXC之上的,基于进程容器(Processcontainer)的轻量级VM解决方案 拿现实世界中货物的运输作类比, 为了解决各种型号规格尺寸的货物在各种运输工具 ...
- iPhone批量删除照片/视频最好用的方法
iPhone批量删除照片/视频最好用的方法 经过大量的搜索和不懈的尝试,今天终于找到了批量删除iPhone照片最好用的方法, 于是决定写一篇博客为更多的果粉们造福! 1. 通过USB将iPhone手机 ...
- 使用TextWatcher监听EditText变化
public class MainActivity extends AppCompatActivity { private TextView mTextView; private EditText m ...
- Python基础 (yield生成器)
如果在一个函数中使用了yield,那么这个函数实际上生成的是一个生成器函数 ,返回的是一个generator object.生成器是实现迭代的一种方式 特点: 其实返回的就是可以的迭代对象 和迭代的方 ...
- Vue.2.0.5-单文件组件
介绍 在很多Vue项目中,我们使用 Vue.component 来定义全局组件,紧接着用new Vue({ el: '#container '}) 在每个页面内指定一个容器元素. 这种方案在只是使用 ...
- iOS 设置导航栏之二（设置导航栏的颜色、文字的颜色、左边按钮的文字及颜色）
#import <UIKit/UIKit.h> @interface AppDelegate : UIResponder <UIApplicati ...
- memwatch内存泄露检测工具
工具介绍 官网 http://www.linkdata.se/sourcecode/memwatch/ 其功能如下官网介绍,挑选重点整理: 1. 号称功能: 内存泄露检测 (检测未释放内存, 即 动态 ...