API 非常相似,您可以做几乎相同的事情。
例如在服务器端而不是:
s.emit('message', 'message from server');
你使用:
s.send('message from server', ()=>{});
在客户端接收它而不是:
s.on('message', function (m) {
// ...
});
你使用:
s.addEventListener('message', function (m) {
// ...
});
等等。
在这个答案中,我展示了示例代码(前端和后端)来演示 Socket.io 和 WebSocket 之间的区别:
这是示例服务器代码:
var path = require('path');
var app = require('express')();
var ws = require('express-ws')(app);
app.get('/', (req, res) => {
console.error('express connection');
res.sendFile(path.join(__dirname, 'ws.html'));
});
app.ws('/', (s, req) => {
console.error('websocket connection');
for (var t = 0; t < 3; t++)
setTimeout(() => s.send('message from server', ()=>{}), 1000*t);
});
app.listen(3001, () => console.error('listening on http://localhost:3001/'));
console.error('websocket example');
浏览器代码示例:
var l = document.getElementById('l');
var log = function (m) {
var i = document.createElement('li');
i.innerText = new Date().toISOString()+' '+m;
l.appendChild(i);
}
log('opening websocket connection');
var s = new WebSocket('ws://'+window.location.host+'/');
s.addEventListener('error', function (m) { log("error"); });
s.addEventListener('open', function (m) { log("websocket connection open"); });
s.addEventListener('message', function (m) { log(m.data); });
请参阅this 了解更多信息。