Wie kann ich Token-Wert in meine lokale Javascript-Datei

Question

Hallo bin ich ein Anfänger zu Nodejs Ich habe Pass-Token-basierte Authentifizierung verwendet, wenn der Benutzer meldet es bietet ein Token für jeden Benutzer, den ich einige Operationen für die Benutzer, die hat Token-Werte Wenn der Benutzer beispielsweise die Liste der registrierten Benutzer sehen möchte, kann er sie anzeigen, wenn er den Token-Wert hat. Jetzt liefert es mir den Token-Wert perfekt in Postman, aber ich weiß nicht, wie ich es in einer Variablen speichern und über FRONT-END aufrufen soll. Ich möchte es über Front-End tun (wenn er auf die Schaltfläche Benutzer abrufen klickt), sollte es die Liste der Benutzer anzeigen. Ich habe das in POSTMAN getan, es funktioniert fein, ich habe keine Idee, wie es über Front-End zu tun. Mein Benutzercode (Login/Logout)

var express = require('express'); 
var router = express.Router(); 
var User = require('../models/user'); 
var passport = require('passport'); 
var Verify = require('./verify'); 
/* GET users listing. */ 
router.route('/') 
.get(Verify.verifyOrdinaryUser, function(req, res, next) { 
    User.find({}, function (err, users) { 
      if (err) throw err; 
      res.json(users); 
     }); 
}); 
router.post('/register', function(req, res, next) { 
    User.register(new User({ username : req.body.username }),req.body.password, function(err, user) { 
     if (err) { 
      return res.status(500).json({err: err}); 
     } 
     user.save(function(err,user) { 
      passport.authenticate('local')(req, res, function() { 
       return res.status(200).json({status: 'Registration Successful!'}); 
      }); 
     }); 
    }); 
}); 
router.post('/login', function(req, res, next) { 
    passport.authenticate('local', function(err, user, info) { 
     if (err) { 
      return next(err); 
     } 
     if (!user) { 
      return res.status(401).json({ 
       err: info 
      }); 
     } 
     req.logIn(user, function(err) { 
      if (err) { 
       return res.status(500).json({ 
        err: 'Could not log in user' 
       }); 
      } 
      var token = Verify.getToken(user); 
      res.status(200).json({ 
       status: 'Login successful!', 
       success: true, 
       token: token 
      }); 
     }); 
    })(req,res,next); 
}); 
router.get('/logout', function(req, res) { 
     req.logout(); 
    res.status(200).json({ 
     status: 'Bye!' 
    }); 
}); 
module.exports = router; 

main.js Datei. In dieser main.js-Datei möchte ich dieses Token in dieser Get-Methode eine Idee senden?

$(".get-users-button").click(function() { 
    $.ajax({ 
     method: "GET", 
     url: " http://localhost:3000/users" 
    }) 
    .done(function(msg) { 
     console.log(msg); 
     template(msg); 
    }); 
}); 

Answer 1

Gemäß den documentation für Passport:

Wenn die Authentifizierung erfolgreich ist, werden die nächsten Handler aufgerufen werden, und die req.user Eigenschaft wird den authentifizierten Benutzer eingestellt werden.

Nun, wenn ich Ihre Frage richtig zu verstehen, wollen Sie den token Wert, den Sie von zu erhalten passieren:

var token = Verify.getToken(user) 

die Ansicht, in der Front-End etwas mit tun. Sie können Variablen zur Ansicht übergeben Sie die folgende Middleware:

app.use((req, res, next) => { 
    res.locals.token = Verify.getToken(req.user) 
    next() 
} 

der Dokumentation finden Sie weitere Informationen zu res.locals.

---

Beispiel Nutzung:

app.js

const express = require('express') 
const app = express() 

app.set('view engine', 'pug') 

app.use((req, res, next) => { 
    res.locals.text = 'asdf' 
    res.locals.token = 'abc' 
    next() 
}) 

app.get('/', (req, res) => { 
    res.render('index') 
}) 

app.listen(3000,() => { 
    console.log('listening on 3000') 
}) 

views/index.pug

doctype html 
html 
    head 
    title= title 
    body 
    h1= text 
    script. 
    console.log('#{token}') 

Answer 2

Wenn Sie wieder eine erfolgreiche Antwort von der Post in Ihrem/login Endpunkt erhalten, speichern Sie die Token auf clientseitig (z. B. window.localStorage.setItem('<your-namespace>-user-token', <the token goes here>);)

Wenn der Benutzer dann auf den "Get-users-button" klickt, holen Sie das Token aus dem Speicher (z. B. window.localStorage.getItem('<your-namespace>-user-token');) und speichern Sie es in einer Variablen, wenn Sie möchten.

Dann, auf Ihre Anfrage, um Benutzer zu erhalten, fügen Sie Ihre { 'x-access-token': <token variable goes here> } zu Ihrer Anfrage Header.