在node.js中分离文件服务器和socket.io逻辑

时间:2012-03-14 20:37:49

标签: node.js socket.io

我对node.js相当陌生,而且随着项目规模的扩大,我发现将项目分成多个文件非常复杂。我有一个大文件,之前作为多人HTML5游戏的文件服务器和Socket.IO服务器。理想情况下,我想分离文件服务器,socket.IO逻辑(从网络读取信息并将其写入带时间戳的缓冲区,然后将其发送给所有其他播放器)和游戏逻辑。

使用socket.io中的第一个示例来演示我的问题,通常有两个文件。 app.js是服务器,index.html发送给客户端。

app.js:

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:

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

要分离文件服务器和游戏服务器逻辑,我需要函数&#34; handler&#34;在一个文件中定义,我需要匿名函数使用io.sockets.on()的回调在另一个文件中,我还需要第三个文件才能成功包含这两个文件。现在我尝试了以下内容:

start.js:

var fileserver = require('./fileserver.js').start()
  , gameserver = require('./gameserver.js').start(fileserver);

fileserver.js:

var app = require('http').createServer(handler),
    fs = require('fs');

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

module.exports = {
    start: function() {
        app.listen(80);
        return app;
    }
}

游戏服务器:

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

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

module.exports = {

    start: function(fileserver) {       
        io.listen(fileserver).on('connection', handler);
    }

}

这似乎有效(静态内容已正确提供,并且控制台在客户端连接时清楚地显示与Socket.IO的握手),尽管没有数据发送。好像从未真正调用socket.emit()和socket.on()。我甚至修改了gameserver.js中的handler()以添加console.log('User connected');但是永远不会显示它。

如何在一个文件中安装Socket.IO,在另一个文件中安装文件服务器,并且仍然希望两者都能正常运行?

4 个答案:

答案 0 :(得分:79)

在socket.io 0.8中,您应该使用io.sockets.on('...')附加事件,除非您使用名称空间,否则您似乎错过了sockets部分:

io.listen(fileserver).sockets.on('connection', handler)

最好避免以这种方式链接它(您可能希望稍后使用io对象)。我现在这样做的方式:

// sockets.js
var socketio = require('socket.io')

module.exports.listen = function(app){
    io = socketio.listen(app)

    users = io.of('/users')
    users.on('connection', function(socket){
        socket.on ...
    })

    return io
}

然后在创建服务器app之后:

// main.js
var io = require('./lib/sockets').listen(app)

答案 1 :(得分:5)

我会做这样的事情。

app.js

var app = require('http').createServer(handler),
    sockets = require('./sockets'),
    fs = require('fs');

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

sockets.startSocketServer(app);
app.listen(80);

和sockets.js

var socketio = require('socket.io'),
        io, clients = {};

module.exports = {

        startSocketServer: function (app) {
                io = socketio.listen(app);

                // configure
                io.configure('development', function () {
                        //io.set('transports', ['websocket', 'xhr-polling']);
                        //io.enable('log');
                });

                io.configure('production', function () {
                        io.enable('browser client minification');  // send minified client
                        io.enable('browser client etag');          // apply etag caching logic based on version number
                        io.set('log level', 1);                    // reduce logging
                        io.set('transports', [                     // enable all transports (optional if you want flashsocket)
                            'websocket'
                          , 'flashsocket'
                          , 'htmlfile'
                          , 'xhr-polling'
                          , 'jsonp-polling'
                        ]);
                });
                //

                io.sockets.on('connection', function (socket) {
                        console.log("new connection: " + socket.id);

                        socket.on('disconnect', function () {
                                console.log("device disconnected");

                        });

                        socket.on('connect_device', function (data, fn) {
                                console.log("data from connected device: " + data);
                                for (var col in data) {
                                        console.log(col + " => " + data[col]);
                                }


                        });
                });
        }
};

我只是复制并粘贴了一些旧代码 - 不知道socket.io的最新版本中有什么变化,但这更多是关于结构而不是实际代码。

我只会使用2个文件,而不是3个。 当你考虑进一步分割它时,也许另一个文件用于不同的路线......

希望这会有所帮助。

答案 2 :(得分:1)

我也对此有所了解,我对结果非常满意。查看https://github.com/hackify/hackify-server了解源代码。

答案 3 :(得分:-1)

我有另一个解决方案。您可以使用require.js创建模块并将“app”作为参数传递。在模块中,您可以启动socket.io并组织您的套接字。

<强> app.js

  var requirejs = require('requirejs');

  requirejs.config({
      baseUrl: './',
      nodeRequire: require
  });

  requirejs(['sockets'], function(sockets) {

    var app = require('http').createServer()
      , fs  = require('fs')
      , io  = sockets(app);

      // do something
      // add more sockets here using "io" resource

  });

socket.js 模块中,您可以执行以下操作:

  define(['socket.io'], function(socket){
    return function(app){
      var server = app.listen(3000) 
        , io     = socket.listen(server);

      io.sockets.on('connection', function (socket) {
        console.log('connected to socket');

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

        // more more more

      });

      return io;
    }
  });

我希望能帮助你做出贡献。