Socket.io 给出 Welcome to socket.io 消息答案

【问题标题】：Socket.io gives Welcome to socket.io messageSocket.io 给出 Welcome to socket.io 消息
【发布时间】：2013-06-05 21:09:54
【问题描述】：

这是我的服务器

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

在浏览器上我点击 URL localhost:80/index.html

点击以上网址后，我收到消息欢迎来到 socket.io。

我正在使用 nodeJS v0.10.9

【问题讨论】：

好吧，酷！你想从我们这里得到什么？

标签： node.js socket.io

【解决方案1】：

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

相反，您可以使用Express 来提供基本的网络服务器，并结合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>

【讨论】：