实时通信框架 Socket.IO

dys

发布于 2018-04-04 11:44:44

2.4K0

发布于 2018-04-04 11:44:44

文章被收录于专栏：性能与架构

主要内容： 1. Socket.IO 是什么？有什么特点 2. 实际应用的案例 3. 动手开发一个小示例

Socket.IO 简介

Socket.IO 可以实现实时双向基于事件的通信，专注于速度和可靠性，官方称其是最快的和最可靠的实时引擎

Socket.IO 支持非常全面的通信机制，包括：

WebSocket
Adobe Flash Socket
AJAX长轮询
AJAX multipart streaming
持久Iframe
JSONP轮询

Socket.IO 根据浏览器的支持情况自动选择最佳方式

Socket.IO 完全由JavaScript实现，基于Node.js，浏览器中引用Socket.IO的JS文件，服务器中使用Node.js创建一个server，只需很少的代码就可以实现实时通信

Socket.IO 有很丰富的扩展，例如：

Netty-socketio java 版本的Socket.IO server
socket.io-client-javajava客户端实现，可用于Android
SIOSocket iOS客户端实现
socket.io-mongoMongoDB的适配器
socket.io-redis Redis的适配器

应用案例

浏览器中的 Linux 终端 - tty.js

tty.js 可以让我们在页面中操作Linux服务器，就像使用正常的SSH客户端一样实时执行命令

tty.js就是基于 socket.io 实现，体验非常顺畅，也很稳定

起步实践

目标

在页面中实时动态显示server的时间

实现

安装 socket.io

npm install socket.io

服务器端代码 server-clock.js

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
  res.sendfile('server-clock.html');
});

io.on('connection', function(socket){
  console.log('a user connected');
});

function tick(){
    var now = new Date().toUTCString();
    io.emit('time', now);
}

setInterval(tick, 1000);

http.listen(3000, function(){
  console.log('listening on *:3000');
});

客户端代码 server-clock.html

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
  socket.on('time', function (time){
    document.getElementById('time').innerHTML = time;
  });
</script>

<body>
Current server time is: 
<b><span id="time"></span></b> 
</body>

测试

启动

node server-clock.js

浏览器中访问

http://localhost:3000/

效果

小结

socket.io 的应用非常广泛，很可靠，如果有实时通信的需求，可以考虑下

官网地址：http://socket.io

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2017-01-06，如有侵权请联系 cloudcommunity@tencent.com 删除

socket编程

本文分享自 JAVA高性能架构微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

socket编程

登录后参与评论

0 条评论

热度