When sending a Post request:
- I attempt to retrieve the body of the request
- Validate the body content using express validator
- Capture any errors that may occur
- If an error occurs >> reload the create_user page and log the error in the console as follows:
{ location: 'body', param: 'username', msg: 'UserName is required', value: undefined }, - Otherwise, create a new user object from the module schema and hash the password using bcrypt
- Save the newUser object, if there are no errors, redirect to the login page, or log the error using
console.log
app.js file represents the rootFile
const express = require('express');
const dotenv = require('dotenv');
const app = express(); //main app variable representing the application
const morgan = require('morgan');
const bodyParser = require("body-parser"); //require the body parser
const path = require('path');
const expressValidator = require('express-validator');
const bcrypt = require('bcryptjs');
app.use(expressValidator())
//require the MongoDB file
const connectDB = require('./server/database/connection');
dotenv.config({ path: 'config.env' });
//setting up the port variable
const PORT = process.env.PORT || 8080;
//requiring morgan file
//for logging requests
app.use(morgan('tiny'));
// establishing connection to MongoDB
connectDB();
// displaying >> req.body
app.use(bodyParser.json());
//app.use(express.json());
app.use(bodyParser.urlencoded({ extended: true }));
createUserForm POST REQUEST CALLBACK FUNCTION
exports.createUserForm = (req, res, next) => {
console.log('Post CREATE CATEGORY /create-user');
// retrieving the request body
const username = req.body.username;
const password = req.body.password;
const password2 = req.body.password2;
// validate the body content using express validator
req.checkBody('username', 'UserName is required').notEmpty();
req.checkBody('password', 'Password is required').notEmpty();
req.checkBody('password2', 'UserName is required').equals(req.body.password);
// capture any errors that may arise
let errors = req.validationErrors();
if (errors) {
//if there is an error, render the template
res.render('users/create_user.ejs', {
errors: errors //pass along the errors
}, console.log(errors));
} else {
let newUser = new userSchema({
username: username, // first attribute is the NAME in the model, second is the name value tag in the html file
password: password
});
bcrypt.genSalt(10, function(err, salt) {
bcrypt.hash(newUser.password, salt, function(err, hash) {
if (err) {
//ERROR PAGE
console.log(err);
}
/// Hashing the password
newUser.password = hash;
/// saving the user
newUser.save(function(err) {
if (err) {
console.log(err);
return;
} else {
req.flash('success', 'You successfully registered')
res.redirect('/halalMunchies/login');
}
});
});
});
}
};
The form in the ejs file:
<form action="/halalMunchies/create-user" method="post">
<div class="form-group">
<label class="control-label" for="username"> Username </label>
<input id="username" class="form-control" name="username" required autofocus="autofocus" />
</div>
<div class="form-group">
<label class="control-label" for="password"> Password </label> <input id="password" class="form-control" name="password" required autofocus="autofocus" type="password" />
</div>
<div class="form-group">
<label class="control-label" for="password2"> confirm Password </label> <input id="password2" class="form-control" name="password2" required autofocus="autofocus" type="password" />
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">Add User</button>
</div>
</form>
After submitting, the form page reloads but nothing is saved in the database. It seems to stop at this part...
if (errors) {
//if there is an error so rerinder the templet
res.render('users/create_user.ejs', {
errors: errors //pass along the errors
}, console.log(errors));