Question

我刚刚安装了这些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

Answer 1

好像你只向客户端发送'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

Answer 2

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

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

尝试使用此代码：

<script src="http://localhost:3000/socket.io/socket.io.js"></script>

Answer 3

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

Answer 4

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

这样客户端连接到节点服务器。这将工作

Answer 5

另请注意，当您迁移到生产环境时，应更新客户端中的代码：

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

类似

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

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

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

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

Answer 6

这很可能是因为io未正确实例化，因此未捕获的ReferenceError：io未定义

// 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);

NodeJS和Socket.io

6 个答案: