我正在尝试将 Socket.io 和 Angular 集成起来,但是我在从客户端到服务器的连接上遇到了困难。我已经看过其他相关的问题,但我的问题是发生在本地,所以没有网络服务器在中间。
我的服务器代码是这样的:
const app = express();
const server = http.createServer(app);
const io = require('socket.io').listen(server);
io.on('connection', function(socket) {
socket.emit('greet', { hello: 'Hey, Mr.Client!' });
socket.on('respond', function(data) {
console.log(data);
});
socket.on('disconnect', function() {
console.log('Socket disconnected');
});
});
我正在使用 Grunt 加载客户端 JavaScript 文件,顺序如下:
dist: {
src: [
public/bower_components/angular/angular.min.js,
...
public/bower_components/socket.io-client/dist/socket.io.min.js,
public/bower_components/angular-socket-io/socket.min.js,
...
]
}
然后在我的控制器里:
function MyController($scope) {
let socket = io.connect(window.location.href);
socket.connect('http://localhost:3000');
socket.on('greet', function(data) {
console.log(data);
socket.emit('respond', { message: 'Hello to you too, Mr.Server!' });
});
...
}
在实际使用 btford/angular-socket-io
库之前,我想确保能够正确地获得连接,但是在控制台中会得到以下错误:
有趣的是,如果我重新启动 Node.js 服务器进程,它确实能够发送消息,但是使用轮询而不是 websockets。
我在 socket.connect 调用中尝试了各种不同的选项,但都没有用。
如果你能帮忙,我将不胜感激。
我刚意识到 WebSocket 部分正常工作。我在 Chrome 开发者控制台中看到了101个交换协议请求。然而,我看到的唯一帧是 engine. io 协议包(ping,pong)。然而,由于某种原因,我的应用套接字消息仍然回落到轮询..。