Handling GET and POST HTTP Request in NodeJS and Express Application



From Last few months i worked a lot on Full Stack JavaScript Development, and from my experience i found some best and simple ways to handle different HTTP Request in Node & Express API, In this article we are going to make a simple CRUD(Create Read Update and Delete ) API.

If you are not aware of setting up a Node and Express Application Kindly refer my previous article here.


So Lets get Started:

Like a normal Express Application in line number 1 & 2 we are importing express and initialising it in "app" constant, now "app" is referencing our whole applications.





1
2


const express = require('express'); //importing  Express 
const app = express(); //initialising Express app
To Keep this Example simple we are going to use an array to save our data instead of a Database.

 While Developing an API, Validation is an important part that needs to be considered.
for validation we are going to use "joi" a node module from npm using the command "npm install joi"  and then after successful instillation import joi in similar fashion as we import other node modules. .

 
1
2
3
const express = require('express'); 
const app = express(); 
const Joi = require('joi'); //importing Joi for Validation

In this API we are simply going to do operations on a simple array as our database which contains a list of locations with a unique key.

1
2
3
4
5
6
7
8
const express = require('express');
const app = express();
const Joi = require('joi');
const locations = [
  { id: 1, name: 'Jalandhar' },  
  { id: 2, name: 'New Delhi' },  
  { id: 3, name: 'Chandigarh' },  
]; // initialising an array of object containing unique key with every location.

We are now ready to define our first route and handle the first request i.e "GET"

In our first route that is "/locations" will return the array of all the locations with keys.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
const express = require('express');
const app = express();
const Joi = require('joi');
const locations = [
  { id: 1, name: 'Jalandhar' },  
  { id: 2, name: 'New Delhi' },  
  { id: 3, name: 'Chandigarh' },  
];

app.get('/locations', (req, res) => {
  res.send(locations);
});//Defining the first route that returns all the array of all the locations

Now we are going to define a "POST" route , which accepts only location value and insert it into the locations array and we are going to implement little bit of validation using joi .



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
const express = require('express');
const app = express();
const Joi = require('joi');
const locations = [
  { id: 1, name: 'Jalandhar' },  
  { id: 2, name: 'New Delhi' },  
  { id: 3, name: 'Chandigarh' },  
];

app.get('/locations', (req, res) => {
  res.send(locations);
});

app.post('/location', (req, res) => {    /*Defining the route for POST Request */
  const { error } = validateLocation(req.body);  /*checking for errors in validation*/
  if (error) return res.status(400).send(error.details[0].message); /*if their is error send back the error */
  /*if validation is successful then we go further */
  const location = { /* Creating a location object*/
    id: locations.length + 1,  /*Auto Incrementing the key*/
    name: req.body.name  /* Assigning location name to the name*/
  };
  locations.push(location); /*Pushing the new location object to locations array*/

  res.send(location); /*Returning the newly created location and its key*/
});












Now its time to define the "validateLocation" Function












 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33


const express = require('express');
const app = express();
const Joi = require('joi');
const locations = [
  { id: 1, name: 'Jalandhar' },  
  { id: 2, name: 'New Delhi' },  
  { id: 3, name: 'Chandigarh' },  
];

app.get('/locations', (req, res) => {
  res.send(locations);
});

app.post('/location', (req, res) => {    /*Defining the route for POST Request */
  const { error } = validateLocation(req.body);  /*checking for errors in validation*/
  if (error) return res.status(400).send(error.details[0].message); /*if their is error send back the error */
  /*if validation is successful then we go further */
  const location = { /* Creating a location object*/
    id: locations.length + 1,  /*Auto Incrementing the key*/
    name: req.body.name  /* Assigning location name to the name*/
  };
  locations.push(location); /*Pushing the new location object to locations array*/

  res.send(location); /*Returning the newly created location and its key*/
});

function validateLocation(location) {
  const schema = {
    name: Joi.string().min(3).required()
  }; /*Defining the schema and validation rules (minimum character should be 3 and this fiels is required) */

  return Joi.validate(location, schema);
}










You Can test these API using tools like POSTMAN.



In Next article we are going to Handle PUT and DELETE Request.



Feel Free to ask any query if u have ! Keep Noding
































Comments











Post a Comment









































Popular posts from this blog









Evolution of Internet of Things(IoT)














Image







 Internet of Things is one of the trending technology of today's era but we never thought from where it come and how it evolved. So be ready to understand the whole evolution of IoT from the beginning.      Image Source:Nokia Insight   First come back to Pre-Internet  era when their is no internet or  and their is only HUMAN to HUMAN  Communication it may be via "Fixed Telephonic Line or SMS" at this time their is only network.   Then Comes the era of Internet of CONTENT  with the evolution of  World Wide Web (WWW) in this time we started using Email and minor messaging  Service.   After that Comes the era of  Internet of SERVICES  with the evolution of WEB 2.0 the major game changer of modern internet. In this era we started using internet more frequently for communication and other purpose. Service like E-Commerce and E-productivity was born.   And Now we are living in Era of Internet of PEOPLE  where humans are connected with each other in various ways and in real...








Read more










Progressive Web Apps(Concept)














Image







          New Generation App of 21st Century     Understanding PWA:     Progressive Web Apps, aka PWAs, are the best way for developers to make their webapps load faster and more performance. In a nutshell, PWAs are websites that use recent web standards to allow for installation on a user’s computer or device, and deliver an app-like experience to those users. Twitter recently launched  mobile.twitter.com  as a PWA  built with React and Node.js . They've had a good experience with PWAs, showing that the technology is finally ready for the masses.     A PWA is a web application that can be “installed” on your system. It works offline when you don’t have an internet connection, leveraging data cached during your last interactions with the app. If you’re on a desktop, using Chrome, and have the appropriate flags turned on, you will be prompted to install the app when you visit the site.   For example, enable the following flags in Chrome by copying and pasting the following...








Read more










Optimizing Rich Content for Web.














Image







     Hi Everyone, Suraj Here back again with an article on optimizing Rich contents for Web Applications.     Data is Currency !Well Said by someone . Lets Talk about some features of a good web App in terms of Data Consumption and Performance. A web app consists of various contents like Images, Videos,Text, Animations and many more and what if these contents are super heavy and not well optimized for balanced Performance on various Devices.In this article we are going to talk about media optimization techniques that you can use for Super performing Web Apps.   1.Pick The Right media Format.  For Artwork,Clipart, Emoji, Logo use SVG  or PNG  format.  For Photos use JPEG  format.  For Animation use GIF  format.  Their are other format exists but they are not supported by all devices like WebP, APNG, JP2, JPX.    2. Remove EXIF data from your media content.  EXIF stands for "Exchangeable Image file format" which contains all information about image like location,Camera Model an...








Read more