Question

我正在构建一个同时提供http和ws的应用。用户首先通过HTTP登录Laravel服务器。返回一个用于允许通过WS登录的JWT。

Ihv添加了MIDDLEWARE_HANDSHAKE，它获取令牌并向Laravel Server发出请求，询问该令牌是否有效且用户是否可以访问WS（并非每个登录用户都被允许使用WS）;

客户代码：

var options = {
    host: '127.0.0.1:3000',
    query: {
        source: 'web',
        token: '',
    }
};

var socket;

$.post('http://127.0.0.1:8000/authenticate', {
    email: 'chadd01@example.org',
    password: '1234'
}, function(data, textStatus, xhr) {
    options.query.token = data.token;

    //ALL PERFECT UNTILL HERE

    // Initiate the connection to the ws server
    socket = socketCluster.connect(options)
        .on('connect', function(data) {
            console.log('CONNECTED', data);
        })
        .on('error', function(data) {
            console.log('ERROR', data.message);
        });
});

SocketCluster服务器代码：

scServer.addMiddleware(scServer.MIDDLEWARE_HANDSHAKE, function(request, next) {
    var query = url.parse(request.url, true).query;
    switch (query.source) {
        case 'web':
        case 'mobile-app':
            validateUser(query)
                .then((response) => {
                    next(); //Allowed
                })
                .catch((code) => {
                    next(code); //Blocked with StatusCode
                });
            break;

        default:
            next(true, 'NOT_AUTHORIZED'); // Block
            break;
    }
});

validateUser = (credentials = {}) => {
    return new Promise((resolve, reject) => {
        request({ url: API + 'webSocket/users/' + credentials.token, method: 'GET' }, (error, response, body) => {
            if (response.statusCode === 200) {
                resolve(body);
            }
            reject(response.statusCode);
        });
    });

};

在实现这样的中间件时，即使验证成功，我也会继续从ws服务器获得此响应：

WebSocket connection to 'ws://127.0.0.1:3000/socketcluster/?source=web&token=<_TOKEN_>' failed: Connection closed before receiving a handshake response

(index):149 ERROR Socket hung up

但是，如果我像这样实现HANDSHAKE_MIDDLEWARE：

scServer.addMiddleware(scServer.MIDDLEWARE_HANDSHAKE, function(request, next) {
    var validUser = true;
    if (validUser){
         return next();
    }
    return next('NOT_A_VALID_USER');
});

一切顺利：

CONNECTED Object {id: "W067vqBc9Ii8MuIqAAAC", pingTimeout: 20000, isAuthenticated: true, authToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6I…xOTV9.E4bLPh4Vjk9ULvfhW6prjBbVt0vOD32k63L1vlDtGrU"}

所以问题似乎出现在Promise回调中。

如果这不是正确的实施方式，是否有任何建议？

感谢。

Answer 1

在SocketCluster上使用JWT的一个重要原因是处理登录和身份验证，您是否考虑过只使用WS？

看看SocketCluster authentication。

您当前的HTTP代码如何检查登录数据，您可以对WS执行相同操作并使用socket.setAuthToken设置令牌（这是我在项目中使用的示例）：

socket.setAuthToken({
    email: credentials.email,
    id: returnedData.id,
    permission: returnedData.permission
});

然后，您可以继续使用on / emit对WS服务器发出请求，并检查它们是否经过身份验证。这是我的authCheck函数的修改后的片段：

const token = socket.getAuthToken();

if (token && token.email) {
    console.log('Token Valid, User is: ', token.email);
    // user validated - continue with your code
} else {
    console.log('Token Invalid, User not authenticated.');
    // respond with error message to the user
}

具有承诺的SocketCluster中间件握手

1 个答案: