112

node.js、express、passport.jsを使用してログインメカニズムを確立しようとしています。ログイン自体は非常にうまく機能し、セッションはredisでうまく保存されますが、認証を求められる前にユーザーを開始した場所にリダイレクトするのに問題があります。

たとえば、ユーザーがリンクhttp://localhost:3000/hiddenをたどるとリダイレクトされhttp://localhost:3000/loginますが、もう一度リダイレクトされてになりhttp://localhost:3000/hiddenます。

これの目的は、ユーザーが最初にログインする必要のあるページにランダムにアクセスした場合、ユーザーは自分の資格情報を提供する/ loginサイトにリダイレクトされ、次に以前にアクセスしようとしたサイトにリダイレクトされることです。

これが私のログイン投稿です

app.post('/login', function (req, res, next) {
    passport.authenticate('local', function (err, user, info) {
        if (err) {
            return next(err)
        } else if (!user) { 
            console.log('message: ' + info.message);
            return res.redirect('/login') 
        } else {
            req.logIn(user, function (err) {
                if (err) {
                    return next(err);
                }
                return next(); // <-? Is this line right?
            });
        }
    })(req, res, next);
});

そしてここに私のensureAuthenticatedメソッド

function ensureAuthenticated (req, res, next) {
  if (req.isAuthenticated()) { 
      return next();
  }
  res.redirect('/login');
}

ページにフックし/hiddenます

app.get('/hidden', ensureAuthenticated, function(req, res){
    res.render('hidden', { title: 'hidden page' });
});

ログインサイトのhtml出力は非常に単純です

<form method="post" action="/login">

  <div id="username">
    <label>Username:</label>
    <input type="text" value="bob" name="username">
  </div>

  <div id="password">
    <label>Password:</label>
    <input type="password" value="secret" name="password">
  </div>

  <div id="info"></div>
    <div id="submit">
    <input type="submit" value="submit">
  </div>

</form>
4

7 に答える 7

122

ensureAuthenticatedメソッドで、次のようにセッションに戻りURLを保存します。

...
req.session.returnTo = req.originalUrl; 
res.redirect('/login');
...

次に、passport.authenticateルートを次のように更新できます。

app.get('/auth/google/return', passport.authenticate('google'), function(req, res) {
    res.redirect(req.session.returnTo || '/');
    delete req.session.returnTo;
}); 
于 2014-01-16T00:16:30.207 に答える
88

パスポートについてはわかりませんが、次のようにしています。

app.get('/account', auth.restrict, routes.account)セッションでそのセットで使用するミドルウェアがありredirectToます...次に/loginにリダイレクトします

auth.restrict = function(req, res, next){
    if (!req.session.userid) {
        req.session.redirectTo = '/account';
        res.redirect('/login');
    } else {
        next();
    }
};

次に、routes.login.post私は次のことを行います。

var redirectTo = req.session.redirectTo || '/';
delete req.session.redirectTo;
// is authenticated ?
res.redirect(redirectTo);
于 2012-11-11T22:20:07.557 に答える
16

Connect-ensure-loginを見てください。これは、Passportと連携して、必要なことを正確に実行します。

于 2012-11-14T15:38:13.950 に答える
7

私のやり方:

const isAuthenticated = (req, res, next) => {
  if (req.isAuthenticated()) {
    return next()
  }
  res.redirect( `/login?origin=${req.originalUrl}` )
};

GET / loginコントローラー:

if( req.query.origin )
  req.session.returnTo = req.query.origin
else
  req.session.returnTo = req.header('Referer')

res.render('account/login')

POST /ログインコントローラー:

  let returnTo = '/'
  if (req.session.returnTo) {
    returnTo = req.session.returnTo
    delete req.session.returnTo
  }

  res.redirect(returnTo);

POST / logoutコントローラー(100%OKかどうかわからない、コメントを歓迎します):

req.logout();
res.redirect(req.header('Referer') || '/');
if (req.session.returnTo) {
  delete req.session.returnTo
}

returnToミドルウェアをクリアします(認証ルートを除くすべてのルートのセッションからreturnToをクリアします-私にとっては/loginと/auth /:providerです):

String.prototype.startsWith = function(needle)
{
  return(this.indexOf(needle) == 0)
}

app.use(function(req, res, next) {
  if ( !(req.path == '/login' || req.path.startsWith('/auth/')) && req.session.returnTo) {
    delete req.session.returnTo
  }
  next()
})

このアプローチには2つの機能があります

  • isAuthenticatedミドルウェアを使用して一部のルートを保護できます。
  • どのページでも、ログインURLをクリックするだけで、ログイン後にそのページに戻ることができます。
于 2016-07-19T10:41:30.897 に答える
6

connect-ensure-loginを使用している場合は、パラメーターを使用してPassportでこれを行うための非常に簡単で統合された方法がありsuccessReturnToOrRedirectます。パスポートを使用すると、最初に要求されたURLに戻るか、指定したURLにフォールバックします。

router.post('/login', passport.authenticate('local', {
  successReturnToOrRedirect: '/user/me',
  failureRedirect: '/user/login',
  failureFlash: true
}));

https://github.com/jaredhanson/connect-ensure-login#log-in-and-return-to

于 2016-04-19T04:20:14.950 に答える
1

@chovyと@linuxdanの回答には、ユーザーがログインリダイレクト(認証を必要としない)後に別のページに移動し、そこからログインした場合にクリアされないというバグがあります。session.returnToしたがって、このコードを実装に追加します。

// clear session.returnTo if user goes to another page after redirect to login
app.use(function(req, res, next) {
    if (req.path != '/login' && req.session.returnTo) {
        delete req.session.returnTo
    }
    next()
})

ログインページからいくつかのajaxリクエストを行う場合は、それらを除外することもできます。


別のアプローチは、フラッシュを使用することですensureAuthenticated

req.flash('redirectTo', req.path)
res.redirect('/login')

そして、GETログインで

res.render('login', { redirectTo: req.flash('redirectTo') })

ビューで、ログインフォームに非表示フィールドを追加します(jadeの例)

if (redirectTo != '')
    input(type="hidden" name="redirectTo" value="#{redirectTo}")

POSTログインで

res.redirect(req.body.redirectTo || '/')

redirectToは、最初にGETログインした後にクリアされることに注意してください。

于 2016-02-20T13:24:20.867 に答える
0

これを達成するための最も簡単な(そして適切な)方法は、設定failureRedirectsuccessRedirectオプションです。

于 2016-07-08T14:11:34.980 に答える