1

一个可能的 node.js/backbone.js/socket.io 范围问题我无法解决。

（摘自） server.js

var app = express();
var server = http.createServer(app);
io = io.listen(server);

（摘自） index.html

<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script>
    var socket = io.connect(window.location.origin);
</script>

（摘自） js/views/map.js

(function() {  // self invoking anonymous function so we are able to 
               // create the private variable "map" that can be shared here
var map;
var webSocket = window.socket; 

window.MapView = Backbone.View.extend({

initialize: function() {
    this.render();
    webSocket.on("marker dropped", this.propNewMarker);
},

events: {
    "click .dropmarker" : "dropMarker"
},

dropMarker: function(event) {
    console.log("This fires!!!");
    webSocket.emit('marker dropped', { my: 'data' });
},

propNewMarker: function() {
    console.log("someone dropped a marker (im in map.js)");
},

（摘自） MapView.html

<a href="#" class="btn btn-primary dropmarker">Drop marker</a>

我想要的行为

单击 MapView.html 中的“dropmarker”按钮应该会触发 dropMarker 中的 webSocket.emit 操作。（它会在没有任何问题的情况下触发 console.log）

经过测试

当我添加

io.sockets.emit('marker dropped', { 'message': 'ello wurldz' });

进入 server.js，map.js 中的propNewMarker函数被正确触发。

初步结论

似乎我在按钮单击级别上遇到了范围界定问题。我无法在那里触发 websocket 事件。

有什么想法吗 ？或者我应该在调试之前提供更多关于代码的见解？（尽量保持清洁）

4

1 回答 1

1

这看起来不是范围的问题，但实际上您是如何使用套接字的

为了propNewMarker被调用，服务器必须在marker dropped

在服务器上，如果你添加

io.sockets.on('connection', function (socket) {
  socket.on('marker dropped',function(msg){
    socket.emit('marker dropped',msg);
  });
});

然后客户端应该很好地响应事件。我做了一些测试，看起来你的范围界定很好。

于 2013-06-23T17:14:06.413 回答