Como compartilhar sessões com Socket.IO 1.xe Express 4.x?

88

Como posso compartilhar uma sessão com Socket.io 1.0 e Express 4.x? Eu uso uma Loja Redis, mas acredito que isso não importe. Eu sei que tenho que usar um middleware para olhar os cookies e buscar a sessão, mas não sei como. Eu procurei, mas não consegui encontrar nenhum trabalho

    var RedisStore = connectRedis(expressSession);
    var session = expressSession({
        store: new RedisStore({
            client: redisClient
        }),
        secret: mysecret,
        saveUninitialized: true,
        resave: true
    });
    app.use(session);

    io.use(function(socket, next) {
        var handshake = socket.handshake;
        if (handshake.headers.cookie) {
            var str = handshake.headers.cookie;
            next();
        } else {
            next(new Error('Missing Cookies'));
        }
    });
Mustafa
fonte

Respostas:

213

A solução é surpreendentemente simples. Não está muito bem documentado. É possível usar o middleware de sessão expressa como um middleware Socket.IO também com um pequeno adaptador como este:

sio.use(function(socket, next) {
    sessionMiddleware(socket.request, socket.request.res, next);
});

Aqui está um exemplo completo com express 4.x, Socket.IO 1.x e Redis:

var express = require("express");
var Server = require("http").Server;
var session = require("express-session");
var RedisStore = require("connect-redis")(session);

var app = express();
var server = Server(app);
var sio = require("socket.io")(server);

var sessionMiddleware = session({
    store: new RedisStore({}), // XXX redis server config
    secret: "keyboard cat",
});

sio.use(function(socket, next) {
    sessionMiddleware(socket.request, socket.request.res || {}, next);
});

app.use(sessionMiddleware);

app.get("/", function(req, res){
    req.session // Session object in a normal request
});

sio.sockets.on("connection", function(socket) {
  socket.request.session // Now it's available from Socket.IO sockets too! Win!
});


server.listen(8080);
Epeli
fonte
16
Você poderia me ajudar com sua solução? Eu só recebo esses dados {cookie: { path: '/', _expires: null, originalMaxAge: null, httpOnly: true, secure: true } }Mas se eu imprimir a sessão em minhas rotas, recebo todas as variáveis ​​de sessão que configurei (nome de usuário, id, etc.)
Bobby Shark
7
Isso deve ser totalmente adicionado aos seus documentos. A documentação de autenticação é super leve como atualmente.
Bret de
4
isso "funciona" para mim, mas meu ID de sessão Express não é o mesmo que meu ID de sessão socket.io ... talvez eu realmente não queira que sejam iguais?
Alexander Mills
4
Esta solução funcionou muito bem! ... até precisar salvar dados na sessão de dentro de um socket.on (). Nesse ponto, estou descobrindo que é apenas uma maneira. Existe uma maneira de fazer isso funcionar nos dois sentidos?
iDVB
4
Isso funcionou muito bem com algumas modificações. Mas não consegui escrever para a sessão de socket.io. Encontrei um pacote NPM que atendeu a todas as minhas necessidades e exige quase o mesmo esforço que esta resposta para ser implementado. npmjs.com/package/express-socket.io-session
Bacon Brad
6

Apenas um mês e meio atrás, eu lidei com o mesmo problema e depois escrevi uma extensa postagem no blog sobre esse tópico, que acompanha um aplicativo de demonstração totalmente funcional hospedado no GitHub. A solução depende dos módulos express-session , cookie-parser e connect-redis node para amarrar tudo. Ele permite que você acesse e modifique sessões de ambos os contextos REST e Sockets, o que é bastante útil.

As duas partes cruciais são a configuração do middleware:

app.use(cookieParser(config.sessionSecret));
app.use(session({
    store: redisStore,
    key: config.sessionCookieKey,
    secret: config.sessionSecret,
    resave: true,
    saveUninitialized: true
}));

... e configuração do servidor SocketIO:

ioServer.use(function (socket, next) {
    var parseCookie = cookieParser(config.sessionSecret);
    var handshake = socket.request;

    parseCookie(handshake, null, function (err, data) {
        sessionService.get(handshake, function (err, session) {
            if (err)
                next(new Error(err.message));
            if (!session)
                next(new Error("Not authorized"));

            handshake.session = session;
            next();
        });
    });
});

Eles vêm juntos com um módulo simples de sessionService que criei, que permite que você faça algumas operações básicas com sessões e esse código se parece com isto:

var config = require('../config');

var redisClient = null;
var redisStore = null;

var self = module.exports = {
    initializeRedis: function (client, store) {
        redisClient = client;
        redisStore = store;
    },
    getSessionId: function (handshake) {
        return handshake.signedCookies[config.sessionCookieKey];
    },
    get: function (handshake, callback) {
        var sessionId = self.getSessionId(handshake);

        self.getSessionBySessionID(sessionId, function (err, session) {
            if (err) callback(err);
            if (callback != undefined)
                callback(null, session);
        });
    },
    getSessionBySessionID: function (sessionId, callback) {
        redisStore.load(sessionId, function (err, session) {
            if (err) callback(err);
            if (callback != undefined)
                callback(null, session);
        });
    },
    getUserName: function (handshake, callback) {
        self.get(handshake, function (err, session) {
            if (err) callback(err);
            if (session)
                callback(null, session.userName);
            else
                callback(null);
        });
    },
    updateSession: function (session, callback) {
        try {
            session.reload(function () {
                session.touch().save();
                callback(null, session);
            });
        }
        catch (err) {
            callback(err);
        }
    },
    setSessionProperty: function (session, propertyName, propertyValue, callback) {
        session[propertyName] = propertyValue;
        self.updateSession(session, callback);
    }
};

Já que há mais código para a coisa toda do que isso (como inicializar módulos, trabalhar com sockets e chamadas REST no cliente e no servidor), não colarei todo o código aqui, você pode visualizá-lo no GitHub e você pode fazer o que quiser com ele.

Pootzko
fonte
4

express-socket.io-session

é uma solução pronta para o seu problema. Normalmente, a sessão criada no socket.io end tem sid diferente dos criados em express.js

Antes de saber disso, quando estava trabalhando para encontrar a solução, achei algo um pouco estranho. As sessões criadas a partir da instância express.js eram acessíveis no final do socket.io, mas o mesmo não era possível para o contrário. E logo descobri que tenho que trabalhar meu caminho através do gerenciamento de Sid para resolver esse problema. Mas, já havia um pacote escrito para lidar com esse problema. É bem documentado e faz o trabalho. Espero que ajude

Rahil051
fonte
2

Usando a resposta de Bradley Lederholz, é assim que eu fiz funcionar para mim. Consulte a resposta de Bradley Lederholz para obter mais explicações.

var app = express();
var server  = require('http').createServer(app);
var io = require('socket.io');
var cookieParse = require('cookie-parser')();
var passport = require('passport');
var passportInit = passport.initialize();
var passportSession = passport.session();
var session = require('express-session');
var mongoStore = require('connect-mongo')(session);
var mongoose = require('mongoose');
var sessionMiddleware = session({
  secret: 'some secret',
  key: 'express.sid',
  resave: true,
  httpOnly: true,
  secure: true,
  ephemeral: true,
  saveUninitialized: true,
  cookie: {},
  store:new mongoStore({
  mongooseConnection: mongoose.connection,
  db: 'mydb'
  });
});

app.use(sessionMiddleware);
io = io(server);
io.use(function(socket, next){
  socket.client.request.originalUrl = socket.client.request.url;
  cookieParse(socket.client.request, socket.client.request.res, next);
});

io.use(function(socket, next){
  socket.client.request.originalUrl = socket.client.request.url;
  sessionMiddleware(socket.client.request,   socket.client.request.res, next);
});

io.use(function(socket, next){
  passportInit(socket.client.request, socket.client.request.res, next);
});

io.use(function(socket, next){
  passportSession(socket.client.request, socket.client.request.res, next);
});

io.on('connection', function(socket){
  ...
});

... 
server.listen(8000);
Todos
fonte
Funcionou para mim. Encontrei meu usuário em socket.request.user
Milazi
0

Eu meio que resolvi, mas não é perfeito. Não suporta cookies assinados, etc. Eu usei a função getcookie de express-session . A função modificada é a seguinte:

    io.use(function(socket, next) {
        var cookie = require("cookie");
        var signature = require('cookie-signature');
        var debug = function() {};
        var deprecate = function() {};

        function getcookie(req, name, secret) {
            var header = req.headers.cookie;
            var raw;
            var val;

            // read from cookie header
            if (header) {
                var cookies = cookie.parse(header);

                raw = cookies[name];

                if (raw) {
                    if (raw.substr(0, 2) === 's:') {
                        val = signature.unsign(raw.slice(2), secret);

                        if (val === false) {
                            debug('cookie signature invalid');
                            val = undefined;
                        }
                    } else {
                        debug('cookie unsigned')
                    }
                }
            }

            // back-compat read from cookieParser() signedCookies data
            if (!val && req.signedCookies) {
                val = req.signedCookies[name];

                if (val) {
                    deprecate('cookie should be available in req.headers.cookie');
                }
            }

            // back-compat read from cookieParser() cookies data
            if (!val && req.cookies) {
                raw = req.cookies[name];

                if (raw) {
                    if (raw.substr(0, 2) === 's:') {
                        val = signature.unsign(raw.slice(2), secret);

                        if (val) {
                            deprecate('cookie should be available in req.headers.cookie');
                        }

                        if (val === false) {
                            debug('cookie signature invalid');
                            val = undefined;
                        }
                    } else {
                        debug('cookie unsigned')
                    }
                }
            }

            return val;
        }

        var handshake = socket.handshake;
        if (handshake.headers.cookie) {
            var req = {};
            req.headers = {};
            req.headers.cookie = handshake.headers.cookie;
            var sessionId = getcookie(req, "connect.sid", mysecret);
            console.log(sessionId);
            myStore.get(sessionId, function(err, sess) {
                console.log(err);
                console.log(sess);
                if (!sess) {
                    next(new Error("No session"));
                } else {
                    console.log(sess);
                    socket.session = sess;
                    next();
                }
            });
        } else {
            next(new Error("Not even a cookie found"));
        }
    });

    // Session backend config
    var RedisStore = connectRedis(expressSession);
    var myStore = new RedisStore({
        client: redisClient
    });
    var session = expressSession({
        store: myStore,
        secret: mysecret,
        saveUninitialized: true,
        resave: true
    });
    app.use(session);
Mustafa
fonte
0

Agora, a resposta original aceita também não funciona para mim. Da mesma forma que @ Rahil051, usei o módulo express-socket.io-session e ainda funciona. Este módulo usa um analisador de cookies para analisar o id da sessão antes de entrar no middleware de sessão expressa. Acho que é silmiar para a resposta de @pootzko, @Mustafa e @ Kosar.

Estou usando estes módulos:

"dependencies": 
{
  "debug": "^2.6.1",
  "express": "^4.14.1",
  "express-session": "^1.15.1",
  "express-socket.io-session": "^1.3.2
  "socket.io": "^1.7.3"
}

verifique os dados em socket.handshake:

const debug = require('debug')('ws');
const sharedsession = require('express-socket.io-session');

module.exports = (server, session) => {
    const io = require('socket.io').listen(server);
    let connections = [];

    io.use(sharedsession(session, {
        autoSave: true,
    }));

    io.use(function (socket, next) {
        debug('check handshake %s', JSON.stringify(socket.handshake, null, 2));
        debug('check headers %s', JSON.stringify(socket.request.headers));
        debug('check socket.id %s', JSON.stringify(socket.id));
        next();
    });

    io.sockets.on('connection', (socket) => {
        connections.push(socket);
    });
};
Pentatônico
fonte