使用 node express 生成器配置 socket.io

Question

我正在做我的第一个节点项目，我基本上是按照 the thinkster post 开始的。我已经设法构建了一个简单的应用程序，现在我正在尝试配置 socket.io。

socket.io 初始化代码和事件处理程序并不难理解，真正让我困惑的是我应该如何组织 bin/www 和 app.js 文件之间的代码。这两个文件都是由 express 自动生成的。 bin/www 依赖于 app.js 模块，首先启动启动 socket 模块所需的 server 变量，所以这意味着我应该将所有 'socket.io' 代码放在bin/www 文件？

虽然我认为我不应该接触那个文件，但我更愿意将该代码放入 app.js 甚至专用文件中。我想我需要在模块之间传递 server 对象引用，但我不确定该怎么做。

这是 bin/www 文件的内容：

#!/usr/bin/env node

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('oculus:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

/**
 * Normalize a port into a number, string, or false.
 */

function normalizePort(val) {
    var port = parseInt(val, 10);

    if (isNaN(port)) {
        // named pipe
        return val;
    }

    if (port >= 0) {
        // port number
        return port;
    }

    return false;
}

/**
 * Event listener for HTTP server "error" event.
 */

function onError(error) {
    if (error.syscall !== 'listen') {
        throw error;
    }

    var bind = typeof port === 'string' ? 'Pipe ' + port : 'Port ' + port

    // handle specific listen errors with friendly messages
    switch (error.code) {
        case 'EACCES':
            console.error(bind + ' requires elevated privileges');
            process.exit(1);
            break;
        case 'EADDRINUSE':
            console.error(bind + ' is already in use');
            process.exit(1);
            break;
        default:
            throw error;
    }
}

/**
 * Event listener for HTTP server "listening" event.
 */

function onListening() {
    var addr = server.address();
    var bind = typeof addr === 'string' ? 'pipe ' + addr : 'port ' + addr.port;
    debug('Listening on ' + bind);
}

这是 app.js 文件的内容：

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var mongoose = require('mongoose');

// Mongoose
require('./models/Aplicacoes');
mongoose.connect('mongodb://localhost/oculus');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
    extended: false
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

/**
 * Some business code here
 */
....

module.exports = app;

Answer 1

首先，让我告诉你，你想做的是对的。不乱用 bin/www 就好了。

但请记住，express 生成器就是这样。供您构建的生成器。您生成并应用您自己的修改。

我的选择是：

复制bin/www到新的bin/wwwio,
更新 bin/wwwio 脚本以将 socket.io 附加到创建的 http 服务器。
将 bin/wwwio 更新为 require() 一个新文件 ../io.js 来处理我所有的 socket.io 事件。
在 npm start 上将 package.json 修改为运行 node ./bin/wwwio 而不是 bin/www

您还可以查看有关某个主题的其他问题的答案：

Using socket.io in Express 4 and express-generator's /bin/www

您会发现几种实现模块化的方法，几乎不需要触及 bin/www 脚本。

Answer 2

尝试按照这些简单的步骤操作

使用以下命令安装 Socket.io：

npm 安装 --save socket.io

将以下内容添加到 app.js：

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

在bin/www、

after var server = http.createServer(app), add the following:

var sockIO = app.sockIO; sockIO.listen(server);

要测试功能，在 app.js 中，您可以添加行：

sockIO.on('connection', function(socket){ console.log('A client connection occurred!'); });

现在在 layout.hbs 正文结束标记 < /body > 前添加以下代码段：

<script src="/socket.io/socket.io.js"></script> <script> var socket = io(); </script>

此外，我已经为使用 Sockets Express 生成器聊天的完整工作项目创建了 GIT 存储库。

https://github.com/Mohsin05/Sockets-Express-Generator

希望对大家有所帮助。 ;)

使用 node express 生成器配置 socket.io

Configure socket.io with node express generator

node.js

express

socket.io