我正在尝试创建一个WebSocket客户端-服务器应用程序,其中客户端和服务器将在两个不同的示例上运行。
设置
- 服务器/后端:在
localhost:9006
和angular-fullstack generator上运行,包括socket.io - 客户端/前端:运行在
localhost:9007
上,带有angular generator +socket.io-client
+ btford.socket-io(AngularJSsocket.io桥)
服务器端
**注意:**不是完整的代码,但我认为是相关的片段。
// ----- socketio.js -----
// When the user connects.. perform this
function onConnect(socket) {
// When the client emits 'info', this listens and executes
socket.on('info', function (data) {
console.info('[%s] %s', socket.address, JSON.stringify(data, null, 2));
socket.emit('pong', 'OK!');
});
// Insert sockets below
require('../api/thing/thing.socket').register(socket);
}
socketio.set('origins', 'http://localhost:9007');
// ----- express.js -----
app.use(function (req, res, next) {
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:9007');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
res.setHeader('Access-Control-Allow-Credentials', true);
next();
});
// ----- app.js -----
// Start server
server.listen(config.port, config.ip, function () {
console.log('Express server listening on %d, in %s mode', config.port, app.get('env'));
});
客户端
// ----- client app.js
angular
.module('weldCommentsClientApp', [
'ngAnimate', 'ngAria', 'ngCookies', 'ngMessages', 'ngResource', 'ngRoute', 'ngSanitize', 'ngTouch',
'btford.socket-io'
])
.factory('mySocket', function (socketFactory) {
var myIoSocket = window.io.connect('http://localhost:9006');
var mySocket = socketFactory({
ioSocket: myIoSocket
});
mySocket.forward('pong');
console.log('mySocket', mySocket);
return mySocket;
})
// ----- client main.js
angular.module('weldCommentsClientApp').controller('MainCtrl', function ($scope, mySocket) {
$scope.$on('socket:pong', function (ev, data) {
console.log('socket:pong', ev, data);
});
mySocket.emit('info');
});
结果
服务器和客户端上都没有控制台错误,但它不工作,服务器记录了100行:
GET /socket.io/?EIO=3&transport=polling&t=1421488528935-16027 200 2ms
...看起来像客户端通过HTTP连接,但无法切换到websockets。
有什么想法吗
更新
下面是整个客户端/服务器项目,并在README中提供了说明:https://github.com/weld-io/socket.io-client-server-boilerplate
5条答案
按热度按时间92dk7w1h1#
在server/app.js中未正确定义路径
尝试使用'/socket.io'路径如下:
接下来,要选择websockets而不是long-polling,可以在test-client/scripts/application.js中选择websocket传输
gmol16392#
我建议你分别测试客户端和服务器。nc将是这种情况下的理想选择。
1.启动服务器和
echo testserver | nc server_ip server_port
并检查服务器日志。1.启动客户端和
netcat -l -p server_port
并检查客户端日志。顺便说一句,你所展示的客户端代码似乎没有尝试连接到服务器。
jv2fixgn3#
我想这是因为你的服务器在http://localhost:9007上使用套接字,而你的客户端在http://localhost:9006上使用套接字。试着把两者放在同一个端口上,应该可以工作。
iyr7buue4#
可以尝试两件事:第一变化
到
其次在服务器端设置
我知道这看起来不正确,因为你想避免投票,但它仍然帮助了很多有同样问题的人。
klh5stk15#
答案很晚,但也许这能帮到别人。
如果你在nginx上使用反向代理,你需要在你的服务器nginx块中添加proxy_http_version,proxy_set_header。