4

我刚刚安装了这些 nodejs 和 socket.io，但是在让客户端连接到服务器时遇到了问题。

在我的服务器中，我有：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(3000, 'localhost');
console.log('Server running at http://localhost:3000/');

var io = require('socket.io').listen(3000);

io.sockets.on('connection', function (socket) {

  socket.emit('Hi.') ;

});

在我的客户上：

<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io.connect('http://localhost:3000');

socket.on('connect', function () {
  socket.emit('set nickname', confirm('What is your nickname?'));
  socket.on('ready', function () {
    console.log('Connected !');
    socket.emit('msg', confirm('What is your message?'));
  });
});

我在 Chrome 检查器中遇到了一些错误：

GET http://localhost:9261/socket.io/socket.io.js 404 (Not Found)
Uncaught ReferenceError: io is not defined
4

6 回答 6

2

似乎您只向客户端发送“Hello World”，而不是带有客户端代码的 html。

您的服务器代码应如下所示（来自http://socket.io/#how-to-use）：

var app = require('http').createServer(handler)
  , io = require('socket.io').listen(app)
  , fs = require('fs')

app.listen(80);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

您的客户端代码应该在index.html. 还要确保您有一个名为socket.io包含脚本的文件夹socket.io.js

于 2012-04-09T12:01:32.360 回答
2

您没有通过 nodeJS 为客户端提供服务，这将不起作用：

<script src="/socket.io/socket.io.js"></script>

尝试使用 this 代替：

<script src="http://localhost:3000/socket.io/socket.io.js"></script>
于 2012-04-09T14:04:37.607 回答
1

它无法连接，因为您的客户端无法找到 socket.io.js 您可以通过使用适当的文件来解决，从 node_modules\socket.io\node_modules\socket.io-client\dist 目录使用 socket.io.js并将其放入您的本地目录并在脚本标签中使用它。

于 2012-12-13T13:42:29.230 回答
1

<script src="http://localhost:3000/socket.io/socket.io.js"></script>var socket = io.connect("http://localhost:3000");

对于这种方式客户端连接到节点服务器。这将工作

于 2015-01-06T12:10:53.460 回答
0

另请注意，当您转向生产时，应更新客户端中的代码：

var socket = io.connect('http://localhost:3000');

像这样的东西

var socket = io.connect('my_host');

我已经通过提取参数my_host将要加载的页面发送到客户端脚本，所以对我来说它看起来像：socket.ioreq.headers.host

 io.connect('http://' + host)

您可以通过在客户端公开变量express-expose。

于 2014-02-22T13:56:53.170 回答
0

这可能是因为io没有正确实例化，因此Uncaught ReferenceError: io is not defined

// Instantiate without argument
var io = require('socket.io')();
// Instantiate with new keyword
var Server = require('socket.io')
  , io = new Server();

// Instantiate io server with app as argument
var app = require('http').createServer(handlerFunc)
  , io = require('socket.io')(app);
app.listen(80);

// Attaching socket.io with express server
var app = express()
  , server = require('http').createServer(app)
  , io = require('socket.io')(server);
server.listen(80, handlerFunc);
于 2014-12-07T07:40:03.557 回答