这里发生的问题是,当我通过 node.js 在示例 socekt.io 客户端与此 socket.io 服务器之间连接时(仅运行两个终端并打开客户端和服务器之间的套接字连接)我没有问题。
但是,当我试图将这个 socket.io-client 注入到我的 Ember.js 应用程序中时,正是为了 ember-cli-mirage 它将我的客户端从给定地址重定向:
('http://localhost:8080')
到类似的东西
http://localhost:8080/socket.io/?EIO=3&transport=polling&.....
Mirage 也会向我显示一个我无法处理的错误,即使通过设置精确的命名空间、路由wsClient.connect()方法或在调用wsClient.connect()之前调用this.passthrough()。
我还将检查控制台中的错误屏幕截图粘贴到浏览器中:
你知道如何解决这个问题吗?提前谢谢你,我也希望这个话题不要重复。
// server.js
var app = require('http').createServer(handler);
var io = require('socket.io')(app);
app.listen(8080);
function handler(req, res) {
res.writeHead(200);
res.end('default.index');
}
var rooms = {
'room1': [
],
'room2': [
]
};
io.on('connection', function(socket) {
console.log('client connected');
socket.on('join', function(roomName) {
rooms[roomName].push(socket.id);
socket.join(roomName);
});
socket.on('leave', function(roomName) {
var toRemove = rooms[roomName].indexOf(socket.id);
rooms[roomName].splice(toRemove, 1);
socket.leave('roomName');
});
socket.on('eNotification', function(data) {
console.log(data);
io.to(socket.id).emit('eNotificationCall', data);
io.to('room2').emit('eventNotification', data);
});
socket.on('gNotification', function(data) {
console.log(data);
io.to(socket.id).emit('gNotificationCall', data);
io.to('room1').emit('diagram1Notification', data);
});
socket.on('close', function() {
console.log('client disconnected');
});
});
//client.js
var wsClient = {
socket: null,
connect: function() {
this.socket = io.connect('http://localhost:8080');
this.socket.on('connect', function() {
console.log('mirage client connected!');
});
},
send: function(eventData, graphData) {
this.socket.emit('eNotification', eventData);
this.socket.emit('gNotification', graphData);
}
};
export default wsClient;
//config.js
import wsClient from './websockets/client';
export default function() {
wsClient.connect();
console.log(wsClient.socket);
var graphData = {X: "2", Y: "3"};
var eventData = {myDAta: 'myDAta', message: 'message'};
setInterval(function() {
wsClient.send(graphData, eventData);
}, 5000);
}