How To Build a Caching System Through Redis in Node JS?

In today’s world, you don’t want your application to be slow. If a website is taking too long to respond there might be a chance the user will not visit your application again and Boosting node js application.

In this article, we are going to implement the caching system through Redis in NodeJS. But before learning that we have to understand what exactly caching is, how it increases the performance of the website, and how to scale the node js application. Also, we have mentioned how we can use Redis in our application. 

What is Caching? 

Caching is the process where we store the regularly used data in an In-Memory Database. Suppose we are accessing a certain page regularly, we store the data of that page in the Redis database so that we can cache it, boosting node js application.

Why do we need Caching?

Some reasons to cache your node js application:- 

  • If you want to reduce the response time for a node js application you can use caching

To summarize, caching is a win-win situation for your customer and yourself as it reduces the cost of managing a website.

How to Scale Your NodeJS Application?

To follow the tutorial, you must install these software and packages on your operating system:- 

  • NodeJS: Open Source Library to run web server
  • NPM:- Node Package Manager to install Packages
  • Postman:- Postman is a tool for API Testing
  • Code Editor(VS Code):- For this application, we are using VS Code as an Editor

Make sure you have installed the NodeJS Application on your system. If you don’t have NodeJS you can go to the NodeJS Website to install the Application. After installing NodeJS NPM will be installed automatically. 

Getting Started:- 

To get started, create a new directory in your root folder by running the following commands:- 

  1. mkdir cache-app && cd cache-app  

Initialize your package.json file by running the following command:- 

npm init -y

Make sure you install Redis, Axios, and express packages using Node package manager(NPM)

npm install axios redis express

Axios :- Axios is a package to make a network request to node js backend

Redis:- Package which we are using for caching

Express:- Package used for creating a web server

Create a simple Express server application:- 

Now we will be going to request the food recipe API for various food items

In your index.js paste the following code 

const express = require('express'); const app = express(); const port = 3000; const axios = require('axios'); app.get('/recipe/:fooditem', async (req, res) => { try { const food item = req. params.food item; const recipe = await Axios.get(`http://www.recipepuppy.com/api/?q=${fooditem}`); return res.status(200).send({ error: false, data: recipe. data.results }); } catch (error) { console.log(error); } }); app.listen(port, () => { console.log(`Server running on port ${port}`); }); module.exports = app;
Code language: JavaScript (javascript)

This piece of code is making a request to the food recipe API with the use of Axios library about a specific food item.

Now start the server by running the command node index.js test your open postman and make a request to the food recipe endpoint.

As you can see the request that we have made is taking a significant time of 615ms which is not good for any website. We will improve this by using Redis Cache.

Add the following code to your index.js file to enable Caching

const express = require(‘express’); const axios = require(‘axios’); const redis = require(‘redis’); const app = express(); const port = 3000; const client = redis.createClient(6379); client.on(“error”, (error) => { console.error(error); }); app.get(‘/recipe/:fooditem’, (req, res) => { try { const foodItem = req. params.food item; client.get(foodItem, async (err, recipe) => { if (recipe) { return res.status(200).send({ error: false, message: `Recipe for ${foodItem}`, data: JSON.parse(recipe) }) } else { const recipe = await axios.get(`http://www.recipepuppy.com/api/?q=${foodItem}`); client.setex(foodItem, 1440, JSON.stringify(recipe.data.results)); return res.status(200).send({ error: false, message: `Recipe for ${foodItem} from the server`, data: recipe. data.results }); } }) } catch (error) { console.log(error) } }); app.listen(port, () => { console.log(`Server running on port ${port}`); }); module.exports = app;
Code language: JavaScript (javascript)

First, using the standard Redis port (6379), we constructed a Redis client and connected it to the local Redis instance.

Then, using the key from our Redis store, we attempted to find the correct matching data to fulfill the request in the /recipe route handler. If the result is found, it is delivered to the client requesting our cache, saving us from making another server request.

However, if the key is not present in our Redis store, a request is sent to the server, and when the server responds, the result is stored using a special key in the Redis store.

So long as the cached data hasn’t expired, subsequent requests to the same endpoint with the same parameter will always be fetched from the cache. The key is set to hold a string value in the store for a specific amount of seconds, in this example 1440 (24 minutes), using the Redis client’s set method.

Now we can test the application and it will take less time to make the second request to the web server.

Conclusion

I hope you have learned from the article how we can use Redis in our application. As a developer, you will use Redis in many applications like if you are building a chat application or any web server and it improves the web performance. So as a developer, everyone should learn Redis. Thank You!!!

Recent Post

  • Mastering Software Testing Strategies: Your Guide

    Implementing best software testing strategies is a crucial part of software development, ensuring that digital products meet industry standards. Defined by the International Software Testing Qualification Board, it encompasses a range of activities, both static and dynamic, throughout the software’s lifecycle. As an essential component of the Software Development Life Cycle (SDLC), the Software Testing […]

  • Your Complete Guide to Securing Your Kubernetes Cluster: Essential Tips for Beginners

    In today’s digital landscape, Kubernetes has emerged as the go-to solution for managing applications at scale. However, amidst its power lies a crucial concern: security. Ensuring the safety of your Kubernetes cluster is paramount to protecting your applications, data, and infrastructure. This comprehensive guide will walk you through essential practices and tips to help you […]

  • How to use Cloudinary in Node.js to upload images?

    It’s simple to use Cloudinary to upload images in a Nodе.js application, which can improve your app’s imagе management capabilities. Wе’ll go over how to sеt up and incorporate Cloudinary in your Nodе.js application for imagе uploads and how to use Cloudinary nodejs in this blog article. What is Cloudinary? Cloudinary is a cloud-based media […]

  • Mobile App User Experience- 10 Biggest Mistakes First-Time Founders Make 

    With the mobile app industry hitting a whopping 206 Billion in value (as per Grand View Research), it is no wonder more entrepreneurs are jumping into the mobile app market with their innovative ideas and life-changing solutions. But for those taking their first plunge, it is crucial to understand that creating an app isn’t just […]

  • Building Draggable Components in React

    As user interaction becomes more prevalent in today’s applications, sometimes it’s nice to use draggable elements in your apps. Consider website builders like Trello or Wix. They have drag-and-drop features that make it easy and convenient for users. Hello everyone! In this article, I will show some simple ways to create draggable components in React […]

  • How to Fetch Data from an API with JavaScript?

    In web development, integrating data from external sources is a common task. Application Programming Interfaces (APIs) play an important function in changing data amongst systems. In this blog, we’ll explore the way to Get information from an API with the use of JavaScript, supplying step-by-step the resource of-step commands with complete code examples of how […]