PUT Method in Rest API in Express

Create Server Project

Create LearnExpressJSRestAPIWithRealApps folder and select to this folder in Visual Studio Code

Install Express.JS

Use the following command to install Express.JS:

npm install express --save
npm install body-parser --save
npm install cookie-parser --save
npm install multer --save

Create Rest API

Create a new folder named api inside the server project. Create demo.api.js file inside api folder contains Rest APIs update data from client

var DemoAPI = {
    update: function (request, response) {
        console.log('Update Product');
        console.log('Id: ' + request.body.id);
        console.log('Name: ' + request.body.name);
        console.log('Price: ' + request.body.price);
    }
};

module.exports = DemoAPI;

Create Rest API Routing

Inside the api folder create a new file named index.js. This file will hold all the routes needed for rest api in server.

var express = require('express');
var router = express.Router();

var DemoAPI = require('./demo.api');

router.put('/demo/update', DemoAPI.update);

module.exports = router;

Create Rest API Server

At the root of server project, create a file named server.js. This will be the entry point into node application. This will start the server and listen on a local port

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());

app.use('/api', require('./api/index'));

var server = app.listen(9090, function () {
	var host = server.address().address;
	var port = server.address().port;
	console.log("Server listening at http://%s:%s", host, port)
 });

Structure of Server Project

Create Client Project

Create LearnExpressJSRestAPIWithRealApps_Client folder and select to this folder in Visual Studio Code

Install Modules

Use the following command to install http module

npm install http --save

Create Demo Rest API Client

Create a new folder named api inside the client folder. Create demo.api.js file inside api folder contains method call Rest API from server

var http = require('http');

var DemoAPIClient = {
    update: function (product, callback) {
        var options = {
            hostname: 'localhost',
            port: 9090,
            path: '/api/demo/update',
            method: 'PUT',
            headers: {
                'Content-Type': 'application/json',
            }
        };

        var put_request = http.request(options, function (response) {
            response.on('end', function () {
                callback({
                    status: response.statusCode
                });
            });
            response.on('error', function (error) {
                callback({
                    status: response.statusCode,
                    error: error.message
                });
            });
        });

        put_request.write(JSON.stringify(product));
        put_request.end();
    }
};

module.exports = DemoAPIClient;

Structure of Client Project

Test Client Project

At the root of client project, create a file named client.js. This will call Rest API and display results

var DemoAPIClient = require('./api/demo.api');

var product = {
    id: 'p01',
    name: 'name 1',
    price: 20
};

DemoAPIClient.update(product, function (result) {
    if (result.error) {
        console.log(result.error)
    } else {
        console.log('Status: ' + result.status);
    }
});

Output

Output from Client

Status: 200

Output from Server

Update Product
Id: p01
Name: name 1
Price: 20