Як дізнатися, чи користувач увійшов через passport.js?

Я читав passport.jsінформацію та зразки два дні, але не впевнений, що після цього провів увесь процес автентифікації.

Як дізнатись, якщо я ввійшов, наприклад, у мене буде панель навігації з кнопкою входу чи виходу, чи є якась змінна, як код нижче?

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

Якщо користувач увійшов у систему, passport.jsстворить userоб'єкт reqдля кожного запиту express.js, який ви можете перевірити на наявність у будь-якому середньому програмному забезпеченні:

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

Ви можете створити express.jsдля цього просте проміжне програмне забезпечення, яке перевірить, чи користувач увійшов, а якщо ні - перенаправить на /loginсторінку:

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

І використовуйте:

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

Якщо ви хочете використовувати його у своїх шаблонах, оскільки, схоже, зразок коду вказує на те, що ви можете створити таке проміжне програмне забезпечення, як це:

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

Розмістіть цей код десь після того, як у вас паспорт налаштування.

А потім використовуйте його у своєму шаблоні (приклад swig)

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

Він явно не документований , але є isAuthenticated()метод , який вставляється reqпо паспорту .
Можна використовувати наступним чином,

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

Я шукав таке рішення і натрапив на цю сторінку. Питання в тому, як перевірити статус входу на стороні клієнта.

Після входу в систему я приховую кнопку входу та показую кнопку виходу. На оновленні сторінки я знову бачу кнопку входу, а не кнопку виходу. Єдине рішення - зберегти елемент у sessionStorage, якщо ви використовуєте сеанс (і localStorage, якщо ви використовуєте JWT). Видаліть цей елемент під час виходу. Потім у кожному завантаженні сторінки перевірте цей елемент сеансу зберігання та зробіть відповідно.

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

використовувати нижче код у app.get () або router.get ()

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

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

Добре запитання, у мене виникли деякі проблеми, намагаючись реалізувати щось подібне, коли є неавторизований запит, рульова панель пропускає блок if, якщо змінна res.locals повертає хибне значення. Щоб вирішити цю проблему, вам потрібно встановити проміжне програмне забезпечення у вашому файлі app.js, щоб зробити файл req.user глобально доступним у вашому додатку. Так.

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

});

У файлі заголовка ви можете це перевірити на предмет автентифікованого користувача та відобразити відповідно до вмісту.

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