Socket.IO – 基于 WebSocket 构建跨浏览器的实时应用
Socket.IO 是一个功能非常强大的框架,能够帮助你构建基于 WebSocket 的跨浏览器的实时应用。支持主流浏览器,多种平台,多种传输模式,还可以集合 Exppress 框架构建各种功能复杂的实时应用。
您可能感兴趣的相关文章
使用示例
1、使用 Node HTTP 服务器
服务端示例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 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); }); }); |
客户端示例代码:
1 2 3 4 5 6 7 8 | <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 框架
服务端示例代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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); }); }); |
客户端示例代码:
1 2 3 4 5 6 7 8 | <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
您可能感兴趣的相关文章
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步