Mengalihkan ke halaman sebelumnya setelah otentikasi di node.js menggunakan passport.js

Saya mencoba membuat mekanisme login menggunakan node.js, express, dan passport.js. Login itu sendiri berfungsi cukup bagus, juga sesi disimpan dengan baik dengan redis tetapi saya memiliki beberapa masalah dengan mengarahkan pengguna ke tempat dia memulai sebelum diminta untuk mengotentikasi.

mis. Tautan mengikuti pengguna http://localhost:3000/hiddenkemudian dialihkan ke http://localhost:3000/logintetapi kemudian saya ingin dia dialihkan lagi ke http://localhost:3000/hidden.

Tujuannya adalah, jika pengguna mengakses secara acak halaman yang dia butuhkan untuk masuk terlebih dahulu, dia akan dialihkan ke situs / login dengan memberikan kredensial dan kemudian dialihkan kembali ke situs yang sebelumnya dia coba akses.

Ini posting login saya

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);
});

dan di sini Metode sureAuthenticated saya

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

yang terhubung ke /hiddenhalaman

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

Output html untuk situs login cukup sederhana

<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>

Saya tidak tahu tentang paspor, tapi begini cara saya melakukannya:

Saya memiliki middleware yang saya gunakan dengan app.get('/account', auth.restrict, routes.account)set itu redirectTodi sesi ... lalu saya mengarahkan ke / login

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

Kemudian di routes.login.postsaya lakukan hal berikut:

var redirectTo = req.session.redirectTo || '/';
delete req.session.redirectTo;
// is authenticated ?
res.redirect(redirectTo);

Dalam ensureAuthenticatedmetode Anda, simpan url kembali dalam sesi seperti ini:

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

Kemudian Anda dapat memperbarui passport.authenticate rute Anda ke sesuatu seperti:

app.get('/auth/google/return', passport.authenticate('google'), function(req, res) {
    res.redirect(req.session.returnTo || '/');
    delete req.session.returnTo;
}); 

Lihatlah connect-sure-login , yang bekerja di samping Passport untuk melakukan apa yang Anda inginkan!

Cara saya melakukan sesuatu:

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

GET / pengontrol login :

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

res.render('account/login')

Pengontrol POST / login :

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

  res.redirect(returnTo);

Pengontrol POST / logout (tidak yakin apakah ada 100% ok, komentar dipersilakan):

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

Hapus returnTo middleware (hapus returnTo dari sesi di rute mana pun kecuali rute auth - bagi saya mereka adalah / login dan / 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()
})

Pendekatan ini memiliki dua fitur :

• Anda dapat melindungi beberapa rute dengan middleware isAuthenticated ;
• di halaman mana pun Anda cukup mengklik URL login, dan setelah login kembali ke halaman itu;

Jika Anda menggunakan connect-sure-login, ada cara super-mudah dan terintegrasi untuk melakukan ini dengan Passport menggunakan successReturnToOrRedirectparameter. Saat digunakan, paspor akan mengirim Anda kembali ke URL yang diminta semula atau kembali ke URL yang Anda berikan.

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

Jawaban @chovy dan @linuxdan memiliki bug dengan tidak membersihkan session.returnTojika pengguna pergi ke halaman lain setelah pengalihan login (itu tidak memerlukan otentikasi) dan masuk melalui sana. Jadi tambahkan kode ini ke implementasinya:

// 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()
})

Jika Anda melakukan beberapa permintaan ajax dari halaman login, Anda juga dapat mengecualikannya.

Pendekatan lainnya adalah dengan menggunakan flash inensureAuthenticated

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

Dan kemudian di GET login

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

Dalam tampilan tambahkan bidang tersembunyi ke formulir login (contoh di giok)

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

Dalam login POST

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

Perhatikan bahwa redirectTo akan dihapus setelah GET login terlebih dahulu.

Cara termudah (dan benar) untuk mencapai ini adalah pengaturan failureRedirectdan successRedirectopsi .