2

几天前我刚开始使用 node.js，我知道尝试使用 socket.io 模块。但它没有像我预期的那样工作。我试图重现的例子是这个： http ://robdodson.me/blog/2012/06/04/deploying-your-first-node-dot-js-and-socket-dot-io-app-to -heroku/

我知道他们使用的 Express 版本已经过时，所以我更新了我的代码以适应他们正在使用的模块的新版本。

我遇到的问题是我的客户端没有得到我的服务器发出的内容，这是我的服务器端代码：

var express = require('express'),
http = require('http'),
app = express(),
port = 8080, // Use 8079 for dev mode
server = http.createServer(app).listen(process.env.PORT || port, function(){
    console.log('Express server listening on port %d in %s mode', server.address().port,             app.settings.env);
}),
io = require('socket.io').listen(server),
routes = require('./routes');

// Configuration

app.configure(function() {
    app.set('views', __dirname + '/views');
    app.set('view engine', 'ejs');
    app.use(express.bodyParser());
    app.use(express.methodOverride());
    app.use(app.router);
    app.use(express.static(__dirname + '/public'));
});

app.configure('development', function() {
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function() {
    app.use(express.errorHandler());
});

// Heroku won't actually allow us to use WebSockets
// so we have to setup polling instead.
// https://devcenter.heroku.com/articles/using-socket-io-with-node-js-on-heroku
io.configure(function () {
    io.set("transports", ["xhr-polling"]);
    io.set("polling duration", 10);
});

// Routes
app.get('/', routes.index);

var status = "All is well.";
io.sockets.on('connection', function (socket) {
    io.sockets.emit('status', { status: status }); // note the use of io.sockets to emit but         socket.on to listen
    socket.on('reset', function (data) {
        status = "War is imminent!";
        io.sockets.emit('status', { status: status });
    });
});

这是客户端：

<script src="http://localhost:8080/socket.io/socket.io.js">
    var socket = io.connect(document.location.href);
</script>
<div id="status"></div>
<button id="reset">Reset!</button>

所以如果我理解得好，我应该在状态 div 中第一次得到“一切都好”，“战争迫在眉睫！” 如果我点击重置。但我得到的只是一无所有。

我尝试了这些答案，但我看不出解决方案代码和我的代码之间有任何区别，或者有时它已经过时了：1. Node.js + socket.io：服务器上的应用程序无法正常工作 2. NodeJS - Socket.IO 设置：提供静态内容无握手（Rackspace 云服务器上的 Ubuntu）

我尝试了其他主题中给出的所有解决方案，但它绝对不适合我。每个模块都正确安装。我按照最初遵循的教程中给出的步骤进行操作。如果有人对正在发生的事情有任何想法，或者如果有人遇到同样的问题，欢迎您。

谢谢。

4

1 回答 1

3

您的客户不做任何事情的原因是因为您没有告诉它做任何事情。您需要为其分配处理程序以执行某些操作。因此，要解决此问题，您需要告诉reset按钮socket.emit()在被单击时使用，并且您还需要为status事件分配一个处理程序以更改div.

<script type="text/javascript" src="http://localhost:8080/socket.io/socket.io.js"></script>
<script type="text/javascript">
  var socket = io.connect(document.location.href);
</script>

<div id="status"></div>
<button id="reset" onclick="socket.emit('reset')">Reset!</button>

<script type="text/javascript">
  socket.on('status', function(data) {
    document.getElementById('status').innerHTML = data.status;
  });
</script>
于 2013-10-27T02:30:23.963 回答