I am currently developing a node/express server, and I decided to use passport-local for user authentication along with a local MongoDB server. I am using a POST method from an html form to send the two items, an email and a password (I changed the usernameField item in my instance of LocalStrategy). Using console.log's, I've seen all of the correct and expected behavior from Mongo and Passport. However, the page never redirects with successRedirect or failureRedirect. It looks like the html page (Login.html) just refreshes. Interestingly, I get different behavior depending on how I decide to make the POST request from the form. Originally, I used jQuery and a $('#id').submit() method to call a $.post request at '/students', and I observed the behavior mentioned above. However, when I got rid of this script and used to send the request, none of the middleware was called (again, I confirmed this using console.log's), and the page immediately redirected to my failureRedirect url, regardless of whether I entered valid data in the form.
Note: 'Student' is the name of my mongoose model, the problem isn't with that
Things I've already tried: 1. Using a custom callback with my passport.authenticate and using res.redirect. In fact, I placed a console.log inside this function to see if it was called, and it was. But the res.redirect flat out didn't work. 2. Getting rid of my custom usernameField and passwordField and just using the default. I observed the exact same behavior. 3. Using a jQuery .click() method rather than an a .submit() one. I thought submitting the form had something to do with refreshing the page, but this didn't work.
Things I think may help but I don't know how to implement: 1. Changing the order of all of my serverside Javascript (maybe somethings isn't getting called correctly) 2. I saw somewhere that passport.authorize was used instead of passport.authenticate
In app.js
app.use(passport.initialize());
app.use(passport.session());
passport.use(new LocalStrategy({
usernameField: 'email',
passwordField: 'password'
},
(username, password, done) => {
console.log(username, password);
Student.findOne({ email: username, password:password }, function(err, user) {
console.log(user); //this works as expected
console.log(!user); //this works as expected
if (err) { return done(err); }
if (!user) {
return done(null, false, { message: 'Incorrect username.' });
}
if (user.password != password) {
return done(null, false, { message: 'Incorrect password.' });
}
return done(null, user);
});
}));
passport.serializeUser(function(user, done) {
done(null, user.id);
});
passport.deserializeUser(function(id, done) {
Student.findById(id, function(err, user) {
done(err, user);
});
});
app.post('/students', passport.authenticate('local', {
successRedirect:'/public/Schedule.html',
failureRedirect:'/'
}));
In the script tag of Login.html
$('#loginForm').submit(() => {
let currentUser = {
email: $('#email').val(),
password: $('#password').val()
}
checkForUser(currentUser);
});
function checkForUser(user) {
$.post('http://localhost:9000/students',user, (data) => {
console.log(data);
})
}
