// Folllow the procedures below to build a Node.js web server access.'); // Firstly install latest version of Node.js // then run below npm commands from terminal: 1. npm init -y 2. npm i express -save 3. npm i ejs -save 4. npm i express -save ////////////////////////////////////////////////////////// // After running the above npm commands, // a file package.json were generated, with content below: { "name": "sign-up-form", "version": "1.0.0", "description": "", "main": "app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "body-parser": "^1.18.3", "ejs": "^2.6.1", "express": "^4.16.4" } } //////////////////////////////////////////////////////////////// // Create a main server file, app.js // Express is server framework for Node.js var app = express(); // set to use views/ejs as emplating language // that render to HTML markup app.set('view engine', 'ejs'); // use ./public as public folder. css, img files stored here app.use(express.static('public')); // create application/x-www-form-urlencoded parser // for form POST use var urlencodedParser = bodyParser.urlencoded({ extended: false }); // get index page app.get('/', function(req,res) { res.render('index'); // render views/index.ejs }); // get sign-up page app.get('/sign-up', function(req,res) { res.render('sign-up'); // render views/signup.ejs }); // sign-up form posts to form-done page app.post('/form-done', urlencodedParser ,function(req,res){ console.log(req.body); res.render('form-done', { user: req.body }); }) // Server listening to the environment variable PORT, // or 3000 if there's nothing there. var port = process.env.PORT || 3000; app.listen(port); console.log('Server is listening to port ' + port); /////////////////////////////////////////////////////////// // Create a sign-up page, sign-up.ejs in folder ./views Main

Contact Us

/////////////////////////////////////////////////////////////////////// // Create a form after-submission page, form-done.ejs in folder ./views

Sign-up successfully!

Sign-up User Information

Full Name: <%= user.fullname %>

Email: <%= user.email %>

// Start to run the server by the command below: node app // open the following url: localhost:3000/sign-up // from a browser, to access the sign-up page.

Build a simple sign-up form in Node.js using Express