其实官网文档清楚了 https://socket.io/get-started/chat/
但是因为之前写的是nodejs+express, socket.io是后加的, 还是有小坑
服务器端:
官网代码
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
io.on('connection', function(socket){
console.log('a user connected');
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
注意这里是http.listen而不是app.listen!
如果是app.listen 客户端会打开web页面, 但一直报连不上socket.io 404 not found
2 注意它用的是 app.get('/')
也可以直接用1行static
// app.get("/", (req, res) => res.send("Hello World!"));
app.use(express.static(config['PATH_OVERLAY_STATIC']))
但必须注释掉app.get('/')
客户端:
必须用socket.io-client否则会报错.
注意官网和github用法不同
https://socket.io/get-started/chat/
io.on('connection', function(socket){
socket.on('chat message', function(msg){
console.log('message: ' + msg);
});
});
github https://github.com/socketio/socket.io-client
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io('http://localhost');
socket.on('connect', function(){});
socket.on('event', function(data){});
socket.on('disconnect', function(){});
</script> // with ES6 import import io from 'socket.io-client'; const socket = io('http://localhost');
区别是io 似乎不再提供io.on 这样的connect 事件了, 直接只使用
socket.on('connect', function(){});
但是现在socket.io-client基本没什么更新了. 先按github的方法用把.