Jak sprawdzić, czy użytkownik jest zalogowany za pomocą paszsport.js?

Czytam passport.jsinformacje i próbki przez dwa dni, ale nie jestem pewien, czy później wykonałem cały proces uwierzytelniania.

Skąd mam wiedzieć, czy jestem zalogowany, na przykład mam pasek nawigacyjny z przyciskiem logowania lub wylogowania, czy jest jakaś zmienna, taka jak kod poniżej?

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

Jeśli użytkownik jest zalogowany, passport.jsutworzy userobiekt reqdla każdego żądania w express.js, który możesz sprawdzić w dowolnym oprogramowaniu pośrednim:

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

Możesz w tym celu stworzyć proste express.jsoprogramowanie pośredniczące, które sprawdzi, czy użytkownik jest zalogowany, a jeśli nie - przekieruje na /loginstronę:

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

I użyj go:

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

Jeśli chcesz użyć go w swoich szablonach, ponieważ przykładowy kod wydaje się wskazywać, możesz utworzyć oprogramowanie pośredniczące, takie jak to:

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

Umieść ten kod gdzieś po skonfigurowaniu paszportu.

A następnie użyj go w swoim szablonie (przykład swig)

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

Nie jest to wyraźnie udokumentowane, ale nie jest to isAuthenticated()sposób, który jest wkładany reqprzez paszportu .
Może być używany w następujący sposób,

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

Szukałem takiego rozwiązania i trafiłem na tę stronę. Pytanie brzmi, jak sprawdzić status logowania po stronie klienta.

Po zalogowaniu ukrywam przycisk Zaloguj i pokazuję przycisk wylogowania. Po odświeżeniu strony ponownie widzę przycisk logowania zamiast przycisku wylogowania. Jedynym rozwiązaniem jest zapisanie elementu w sessionStorage, jeśli używasz sesji (i localStorage, jeśli używasz JWT). Usuń ten element po wylogowaniu. Następnie przy każdym ładowaniu strony sprawdź ten element sessionStorage i wykonaj odpowiednie czynności.

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

użyj poniższego kodu wewnątrz app.get () lub router.get ()

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

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

Dobre pytanie, miałem pewne problemy podczas próby zaimplementowania czegoś takiego, gdy pojawia się nieuwierzytelnione żądanie, kierownica pomija blok if, jeśli zmienna res.locals zwraca fałszywą wartość. Aby rozwiązać ten problem, musisz skonfigurować oprogramowanie pośredniczące w pliku app.js, aby req.user był dostępny globalnie w Twojej aplikacji.

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

});

W pliku nagłówkowym możesz sprawdzić, czy użytkownik jest uwierzytelniony i wyświetlić zgodnie z zawartością, taką jak ta.

                {{#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}}