Bagaimana cara mengetahui apakah pengguna login dengan passport.js?

Saya telah membaca passport.jsinfo dan sampel selama dua hari, tetapi saya tidak yakin setelah itu saya melakukan semua proses otentikasi.

Bagaimana saya tahu jika saya sedang masuk, misalnya, saya akan memiliki bilah navigasi dengan tombol masuk atau keluar, apakah ada variabel seperti kode di bawah ini?

if (login)
   <button>logout</button>
else 
   <button>login</button>

Jika pengguna masuk, passport.jsakan membuat userobjek masuk requntuk setiap permintaan masuk express.js, yang dapat Anda periksa keberadaannya di middleware manapun:

if (req.user) {
    // logged in
} else {
    // not logged in
}

Anda dapat membuat express.jsmiddleware sederhana untuk itu, yang akan memeriksa apakah pengguna login, dan jika tidak - akan dialihkan ke /loginhalaman:

function loggedIn(req, res, next) {
    if (req.user) {
        next();
    } else {
        res.redirect('/login');
    }
}

Dan gunakan itu:

app.get('/orders', loggedIn, function(req, res, next) {
    // req.user - will exist
    // load user orders and render them
});

Jika Anda ingin menggunakannya di template Anda karena sampel kode Anda sepertinya menunjukkan bahwa Anda dapat membuat beberapa middleware seperti ini:

app.use(function (req, res, next) {
  res.locals.login = req.isAuthenticated();
  next();
});

Letakkan kode itu di suatu tempat setelah Anda menyiapkan paspor.

Dan kemudian gunakan di template Anda (contoh swig)

{% if login %}
<button>logout</button>
{% else %} 
<button>login</button>
{% endif %}

Hal ini tidak secara eksplisit didokumentasikan tetapi ada isAuthenticated()metode yang dimasukkan ke dalam reqoleh paspor .
Dapat digunakan sebagai berikut,

req.isAuthenticated() // returns true if auth, false if not

// auth.js
module.exports = {
  ensureAuthenticated: (req, res, next) => {
    if (req.isAuthenticated()) {
      return next()
    }
    res.redirect('/login') // if not auth
  },

  forwardAuthenticated: (req, res, next) => {
    if (!req.isAuthenticated()) {
      return next()
    }
    res.redirect('/dashboard');  // if auth    
  }
}

// app.js
app.get('/dashboard', ensureAuthenticated, (req, res) => res.render('dashboard'))
app.get('/login', forwardAuthenticated, (req, res) => res.render('login'))
app.get('/register', forwardAuthenticated, (req, res) => res.render('register'))

Saya sedang mencari solusi tersebut dan menemukan halaman ini. Pertanyaannya adalah bagaimana cara memeriksa status login di sisi klien.

Setelah login saya menyembunyikan tombol Login dan menampilkan tombol logout. Pada halaman refresh saya kembali melihat tombol login, bukan tombol logout. Satu-satunya solusi adalah menyimpan item di sessionStorage jika Anda menggunakan session (dan localStorage jika Anda menggunakan JWT). Hapus item ini saat Anda keluar. Kemudian di setiap pemuatan halaman periksa item sessionStorage ini dan lakukan yang sesuai.

if (sessionStorage.getItem('status')) {
    $("#btnlogout").show();
    $("#btnlogin").hide();
// or what ever you want to do
} else {
    $("#btnlogout").hide();
    $("#btnlogin").show();
}



function Login() {
            var data = {
                username: $("#myModal #usr").val(),
                password: $("#myModal #pw").val()

            };
            $.ajax({
                type: 'POST',
                url: '/login',
                contentType: 'application/JSON; charset=utf-8',
                data: JSON.stringify(data),
                success: funcSuccess,
                error: funcFail
            });
            function funcSuccess(res) {
                sessionStorage.setItem('status', 'loggedIn');

                $("#btnlogout").show();
                $("#btnlogin").hide();
            }
            function funcFail() { $("#pp").text('Login Failed'); };
        };

function Logout() {
    $.ajax({
        type: 'GET',
        url: '/logout',
        contentType: 'application/JSON; charset=utf-8',
        success: funcSuccess,
        error: funcFail,
    });
    function funcSuccess(res) {
        $("#btnlogout").hide();
        $("#btnlogin").show();
        sessionStorage.removeItem("status");
    };
    function funcFail() { alert('Login method Failed'); };
}; 

gunakan kode di bawah ini di dalam app.get () atau router.get ()

router.get('/edit/:id', (req, res)=>{
  if(req.isAuthenticated()){
     if(req.isAuthenticated()){
      //

      }
  else{
   res.redirect('/users/login');//your particular login routes
     }
});

Pertanyaan bagus, saya mengalami beberapa masalah saat mencoba menerapkan sesuatu seperti ini, ketika ada permintaan yang tidak diautentikasi, setang melewatkan blok if jika variabel res.locals mengembalikan nilai yang salah. Untuk mengatasi masalah ini, Anda perlu menyiapkan middleware di file app.js Anda untuk membuat req.user tersedia secara global di aplikasi Anda. Seperti ..

app.use(function (req, res, next) {
res.locals.login = req.user;
next();

});

Di file header Anda, Anda dapat melakukan pemeriksaan ini untuk pengguna yang diautentikasi dan menampilkan konten yang sesuai seperti itu ..

                {{#if login }}
                    <li><a href="#">User Account</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Logout</a></li>
                {{/if}}
                {{#unless login}}
                    <li><a href="#">Sign up</a></li>
                    <li><a href="#">Sign in</a></li>
                {{/unless}}