Socket.IO – 基于 WebSocket 构建跨浏览器的实时应用
2013-08-31 13:29
676 查看
Socket.IO 是一个功能非常强大的框架,能够帮助你构建基于 WebSocket 的跨浏览器的实时应用。支持主流浏览器,多种平台,多种传输模式,还可以集合 Exppress 框架构建各种功能复杂的实时应用。
您可能感兴趣的相关文章
Chance – 功能强大的 JavaScript 随机数生成类库
Manifesto – HTML5 离线应用程序缓存校验工具
Codrops 教程:基于 CSS3 的全屏网页过渡特效
Zoom.js:一款效果非常独特的页面内容缩放插件
Popline:很特别的浮动 HTML5 文本编辑器工具栏
使用示例
1、使用 Node HTTP 服务器
服务端示例代码:
客户端示例代码:
2、使用 Express 3 框架
服务端示例代码:
客户端示例代码:
支持的传输
为了给各个不同的浏览器提供实时连接,Socket.IO 选择在运行时会自动最有能力的运输模式,不影响 API 的使用。
WebSocket
Adobe Flash Socket
AJAX 长轮询
AJAX 多重流
iframe
JSONP 轮询
支持的浏览器
桌面端
Internet Explorer 5.5+
Safari 3+
Google Chrome 4+
Firefox 3+
Opera 10.61+
移动端
iPhone Safari
iPad Safari
Android WebKit
WebOs WebKit
立即下载 官方主页
您可能感兴趣的相关文章
OverAPI.com – 史上最全开发人员在线速查手册
CSS Matic:网页设计师必备的终极 CSS 工具箱
前端文摘——网页图片优化的实用工具和技巧分享
Debuggex – 超好用的正则表达式可视化调试工具
Superhero:构建大型 JavaScript 应用程序的资源
您可能感兴趣的相关文章
Chance – 功能强大的 JavaScript 随机数生成类库
Manifesto – HTML5 离线应用程序缓存校验工具
Codrops 教程:基于 CSS3 的全屏网页过渡特效
Zoom.js:一款效果非常独特的页面内容缩放插件
Popline:很特别的浮动 HTML5 文本编辑器工具栏
使用示例
1、使用 Node HTTP 服务器
服务端示例代码:
var app = require('http').createServer(handler) , io = require('socket.io').listen(app) , fs = require('fs') app.listen(80); function handler (req, res) { fs.readFile(__dirname + '/index.html', function (err, data) { if (err) { res.writeHead(500); return res.end('Error loading index.html'); } res.writeHead(200); res.end(data); }); } io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); });
客户端示例代码:
<script src="/socket.io/socket.io.js"></script> <script> var socket = io.connect('http://localhost'); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); }); </script>
2、使用 Express 3 框架
服务端示例代码:
var app = require('express')() , server = require('http').createServer(app) , io = require('socket.io').listen(server); server.listen(80); app.get('/', function (req, res) { res.sendfile(__dirname + '/index.html'); }); io.sockets.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); });
客户端示例代码:
<script src="/socket.io/socket.io.js"></script> <script> var socket = io.connect('http://localhost'); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); }); </script>
支持的传输
为了给各个不同的浏览器提供实时连接,Socket.IO 选择在运行时会自动最有能力的运输模式,不影响 API 的使用。
WebSocket
Adobe Flash Socket
AJAX 长轮询
AJAX 多重流
iframe
JSONP 轮询
支持的浏览器
桌面端
Internet Explorer 5.5+
Safari 3+
Google Chrome 4+
Firefox 3+
Opera 10.61+
移动端
iPhone Safari
iPad Safari
Android WebKit
WebOs WebKit
立即下载 官方主页
您可能感兴趣的相关文章
OverAPI.com – 史上最全开发人员在线速查手册
CSS Matic:网页设计师必备的终极 CSS 工具箱
前端文摘——网页图片优化的实用工具和技巧分享
Debuggex – 超好用的正则表达式可视化调试工具
Superhero:构建大型 JavaScript 应用程序的资源
相关文章推荐
- 基于 WebSocket 构建跨浏览器的实时应用
- 基于WebSocket构建移动端实时应用 分类: Android网络 2014-06-29 12:26 100人阅读 评论(0) 收藏
- 基于WebSocket构建移动端实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用(聊天室)
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- Node.js项目实战-构建可扩展的Web应用(第一版):9 WebSocket,Socket.IO和DerbyJS的实时应用程序
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 网站后端_Flask-第三方库.利用Flask-Socketio扩展构建实时流应用?
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用
- 使用Node.js+Socket.IO搭建WebSocket实时应用