1

所以我编写了一个带有“授权”逻辑的 Socket.IO 应用程序，以确保用户在允许用户连接到 websocket 服务器之前登录到 Twitter。但我遇到的问题是，client.js 在用户单击 TWITTER LOGIN（io 授权检查）之前尝试执行 io.connect，但由于尚未通过身份验证，该操作失败。当用户最终单击 Twitter 登录并通过 OAuth 过程时，套接字不会连接，因为套接字身份验证逻辑已经从初始连接失败。

服务器.js

// routes
app.get('/auth/twitter', passport.authenticate('twitter'), function(req, res){});
app.get('/auth/twitter/callback', passport.authenticate('twitter', { failureRedirect: '/login' }), function(req, res){
    res.redirect('/authed');
});

// socket auth
parseCookie = require('connect').utils.parseCookie;
io.configure(function () {
io.set('authorization', function (data, accept) {
    if (data.headers.cookie) {
        data.cookie = parseCookie(data.headers.cookie);
        data.sessionID = data.cookie['session.sid'];
        sessionStore.get(data.sessionID, function (err, session) {
            if (err || !session || (typeof session.twitter.user == 'undefined')) {
                accept(null, false);
            }
            else {
                data.session = session;
                accept(null, true);
            }
        });
    }
    else {
        return accept(null, false);
    }
});

io.sockets.on('connection', function (socket) {
    console.log('authenticated!');
    socket.on('hooray', function(){
        console.log('client message received');
    });
});

客户端.js

var socket = io.connect(http://example.com); // connect to server.js code
socket.on('connect', function() {
    alert('client connected!');
    socket.emit('hooray');
});

// code for twitter link url for user to authenticate
<a href="www.example.com/twitter/auth">twitter login!</a>

所以问题是......服务器端的“连接”和客户端的“连接”功能都没有运行，因为用户还没有登录到 Twitter。当用户最终登录时，套接字授权功能已经失败。

我怎样才能使客户端在用户实际登录之前不尝试连接？我是否将其保存在不同的文件中并稍后导入？我是否在授权函数中编写了一些服务器回调？我的 javascript 很弱，因为我正在与 socket.io 一起学习 javascript。请指教，非常感谢。

4

1 回答 1

2

如果您使用 ejs 进行渲染，代码将如下所示：

服务器.js

  app.get("/authed", function (req, res) {
      res.render("authed", {});
  });

布局.ejs

  <body>
    <div>
      <%- body %>
    </div>
  </body>

索引.ejs

  <a href="www.example.com/twitter/auth">twitter login!</a>

authed.ejs

  <script type="text/javascript" src="/socket.io/socket.io.js"></script>
  <script type="text/javascript">
  var socket = io.connect();
  socket.on('connect', function() {
     alert('client connected!');
     socket.emit('hooray');
  });
  </script>

  ...
  ...

  render whatever else

希望这可以帮助。

于 2012-07-10T12:53:03.217 回答