3

我用 express 生成器创建了一个 express 3 应用程序并安装了 socket.io。在 app.js 上，我发出一条消息：

io.sockets.on('connection', function(socket) {
  socket.emit('init', { msg: 'Welcome'});
});

在服务器端，我写道：

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src='/socket.io/socket.io.js' />
    <script>
        var socket = io.connect('http://127.0.0.1:3000');
        socket.on('init', function (data) {
            console.log(data.msg);
        });
    </script>
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

如果我运行 app.js 它应该在控制台上打印“欢迎”，但它不会打印任何东西。我检查了 /socket.io/socket.io.js 是否已被访问，并且确实如此。

运行应用程序时，我得到：

  info  - socket.io started
Express server listening on port 3000
GET / 200 28ms - 472
GET /stylesheets/style.css 200 163ms - 110
   debug - served static content /socket.io.js

我错过了什么吗？我遵循了 socket.io 网页示例，但似乎服务器运行良好......也许是客户端的东西？

var socket = io.connect('http://127.0.0.1', { port: 3000 } );编辑：我也在客户端尝试过，并且还从主体运行所有套接字客户端。

在 io.sockets.on 事件上做一个 console.log 什么都没有……所以永远不会达到“连接”。

4

2 回答 2

11

应用程序.js：

var express = require('express')
  , routes = require('./routes')
  , http = require('http')
  , path = require('path');

var app = express();
var server = http.createServer(app)

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public')));
});

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

server.listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});

var io = require("socket.io").listen(server)

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
});

索引.html：

<script>
    var socket = io.connect();
    socket.on('news', function (data) {
      console.log(data);
    });
</script>

在浏览器的控制台中，您应该会看到一个包含“hello”的对象：“world”。

于 2012-09-30T21:09:47.413 回答
1

将 index.jade 文件添加到我之前发布的示例中

服务器.js

var app = require('express')()
  , http = require('http')
  , server = http.createServer(app)
  , io = require('socket.io').listen(server)

server.listen(3000)
io.set('loglevel',10) // set log level to get all debug messages
io.on('connection',function(socket){
  socket.emit('init',{msg:"test"})
})
app.get('/',function(req,res){
  res.render('index.jade')
})

/views/index.jade

doctype html
html
  head
    script(src="/socket.io/socket.io.js")
    script.
      var sockets = io.connect()
      sockets.on('init',function(msg){
        alert(msg.msg)
      })
于 2012-09-30T21:10:03.180 回答