Question

这是我的服务器

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

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

这是我的客户端index.html

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://localhost:80');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

以下是我的成绩

node server.js

在浏览器上我点击了网址localhost:80/index.html

点击上面的URL后，我收到消息欢迎来到socket.io。

我正在使用nodeJS v0.10.9

Answer 1

socket.io提供socket.io服务器，而不是Web服务器。因此，在index.html的上下文中socket.io不存在。

相反，您可以使用Express提供基本的Web服务器，并与socket.io结合使用以提供消息：

// server.js
var express = require('express');
var app     = express();
var server  = require('http').createServer(app);
var io      = require('socket.io').listen(server);

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

app.use(express.static(__dirname + '/public'));

server.listen(80);

// ./public/index.html
<!doctype html>
<html>
  <head>
    <script src="/socket.io/socket.io.js"></script>
    <script>
      var socket = io.connect(); // let socket.io autodiscover the server
      socket.on('news', function (data) {
        console.log(data);
        socket.emit('my other event', { my: 'data' });
      });
    </script>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>

Socket.io将欢迎使用socket.io消息

1 个答案: