<div class="post-toc-block float-default with-border"> 
						<div class="post-toc-header">Table of Contents</div>
						<nav id="md-post-toc" class="md-post-toc"></nav>
						</div><p>You might be wondering, Is there a need to use an API Gateway? Can API alone cannot handle all the communication between the users and services? Well, Let’s tackle all the questions coming to your mind one after the other. So, are you ready for a ride into the world of APIs?</p>
</p>
<p>Before Diving deep into API Gateway and its working, we will understand the monolithic and microservices architecture.</p>
<p>A hot architecture that we use today for developing software applications is Microservice. But what brought this evolution? What was the old mechanism that we used to carry the development on? It’s time to press the rewind button and get to know the old Monolithic architecture.</p>
<h3><strong>Monolithic Architecture:</strong></h3>
<p>Monolithic in general means a single large entity, whereas in IT, it can be thought of as a package that contains all the sub-services and parts of the application, deployed as one unit.</p>
<p>If you are familiar with the famous OSI model of Computer Networking, you know the working of layers present in Monolithic Architecture. If not Let’s learn quickly what each tier represents.</p>
<ul>
<li>
<p><em>Presentation Layer: It is often viewed as the Frontend layer of a three-tier architecture. It is built using web technologies like HTML, CSS, JS, React, and other web-based 8frameworks. To connect with the rest two layers, it makes API calls.</em></p>
</li>
<li>
<p><em>Application Layer: The business logic of the application is built here, mostly based on languages like C++, Java, C#, Python, .NET, and many more.</em></p>
</li>
<li>
<p><em>Data Layer: A layer where all the data is stored and accessed by the Application tier via API calls. To organize the data, DBMS like MySQL, Oracle DB, and MongoDB is used.</em></p>
</li>
</ul>
<p><img decoding="async" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1659980767221/6UBHzNUnI.png" alt="monoarch.png" /></p>
<blockquote>
<p>To visualize this concept better, let’s consider an example, Think of a social networking application with business services such as Chat System, User Interface, and Notifications settings tightly coupled and packaged using JAR(Java Archive). This unit is now hosted over the TOMCAT server. Now, this is where things mess up. As all the services are deployed on the same server thus, If I want to perform even the slightest change in just one service, I’ll have to redeploy the entire application to function efficiently. Scalability and Flexibility are the major areas of concern with Monolith.</p>
</blockquote>
<p><img decoding="async" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1659980617149/cs0QZjInW.png" alt="mono.png" /></p>
<h3><strong>Time for evolution: Microservices</strong></h3>
<p>Let’s divide the Buzz word. Micro means small, and Services indicates the functionality for clients or application. Combining these two, we get Microservices that signify a multi-component service built to satisfy a specific concern of the application. Contrary to Monolith, The sub-services of application in this architecture are deployed at separate servers, work independently, and communicate with one another using well-defined APIs.</p>
<blockquote>
<p>For example, the User Interface is written in Java, Chat System in NodeJS, and Notification settings in Python. They have their APIs designed to interact, and all of them are deployed on a respective server thus, making a change in any one of the sub-services will be more efficient to carry. But what if I have hundreds of Microservices with APIs, calling each one of them would be frustrating for anyone. Do we have a solution? Well, Of course. Here comes into the picture the hero of the show- API Gateway.<br />
<img decoding="async" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1659981075869/42cSuYB9I.png" alt="host.png" /></p>
</blockquote>
<h3><strong>API Gateway</strong></h3>
<p>The UI/UX person integrating your social networking application does need not to know about all the microservices working at the Backend. Dealing with hundreds of them is not an easy task. So, to resolve this problem, an abstraction layer is supposed to be created. This layer will be routing the requests made outside the microservices and will respond to the target. The only information now that you as a backend developer have to give to the frontend web developer is about the Abstraction Layer. This layer is known as API Gateway as it defines a path for each request or also called Edge Microservice, as it sits at the edge of Microservice architectural diagrams.</p>
<p><img decoding="async" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1659981103333/v7uFPIYzg.png" alt="micro.png" /></p>
<p><strong>How to introduce an API Gateway?</strong></p>
<p><em>Step 1: Prepare an External API Contract</em></p>
<p><em>As you’ll not be comfortable letting everyone from the outside world access the APIs of your application, therefore, design a list of APIs associated with microservices that you are okay with anyone calling.</em></p>
<p><em>Step 2: Figure out the Abstraction Layer</em></p>
<p><em>Create or use the existing microservice that you have decided to make public to act as a bridge satisfying the requests. This technique is often referred to as API Composition. One can refer to already existing API gateways such as Zuul by Netflix, Kong Gateway by NGINX, Apache APISIX, and the list goes on.</em></p>
<p>As there will be a lot of requests an API Gateway will be handling, thus considering just one API Gateway is not recommended as it increases the load on it, slowing down the entire system. Multiple Gateways divide the task and using load balancers before API Gateways is helpful to segregate the calls.</p>
<p>Load Balancers and API Gateway are often considered on the same level, as their functionalities are similar but their way of managing the requests are different. API Gateways directs the calls to specific resources, unlike Load Balancers which distribute the requests equally to all backend services.</p>
<p>When we have a variety of clients with different sets of demands for API and configuration, a generalized API gateway as a single entry point may not work. In such a case, we can have API Gateways dedicated to the specific type of client like Web API Gateway for Web Application, Mobile API for Android and iOS Applications, and for third-party applications, a Public API Gateway. This pattern is popularly known as “Backend for Frontend”.</p>
<p><img decoding="async" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1659981118446/wVWoBMySO.png" alt="Gateways.png" /></p>
<p>Yay🎉! You have reached the end of this blog. I hope I was able to explain to you the following:</p>
<ul>
<li>Monolith and Microservices</li>
<li>What is API Gateway?</li>
<li>Where is it used?</li>
<li>The variations of API Gateway.</li>
</ul>
<p>Thank you for sticking till the last. I am glad to be a part of your learning journey🤍.</p>

         
        
                    

                    
                    <div class="pp-multiple-authors-boxes-wrapper pp-multiple-authors-wrapper pp-multiple-authors-layout-boxed multiple-authors-target-the-content box-post-id-16 box-instance-id-1 ppma_boxes_16"
                    data-post_id="16"
                    data-instance_id="1"
                    data-additional_class="pp-multiple-authors-layout-boxed.multiple-authors-target-the-content"
                    data-original_class="pp-multiple-authors-boxes-wrapper pp-multiple-authors-wrapper box-post-id-16 box-instance-id-1">
                                                                                    <h2 class="widget-title box-header-title">Author</h2>
                                                                            <span class="ppma-layout-prefix"></span>
                        <div class="ppma-author-category-wrap">
                                                                                                <span class="ppma-category-group ppma-category-group-">
                                                                                                                        <ul class="pp-multiple-authors-boxes-ul">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="pp-multiple-authors-boxes-li author_index_0 author_sanskriti-harmukh has-avatar">
                                                                                                                                                                                                                                            <div class="pp-author-boxes-avatar">
                                                                                                                                            <img alt='Sanskriti Harmukh' src='https://wp.keploy.io/wp-content/uploads/2024/10/sanskriti-harmukh.jpg' srcset='https://wp.keploy.io/wp-content/uploads/2024/10/sanskriti-harmukh.jpg' class='multiple_authors_guest_author_avatar avatar' height='80' width='80'/>                                                                                                                                    </div>
                                                            
                                                            <div class="pp-author-boxes-avatar-details">
                                                                                                                                                                                                <div class="pp-author-boxes-name multiple-authors-name">
                                                                        <a href="https://wp.keploy.io/author/sanskriti-harmukh/" rel="author" title="Sanskriti Harmukh" class="author url fn">Sanskriti Harmukh</a> 
                                                                    </div>
                                                                                                                                                                                                                                                                    <p class="pp-author-boxes-description multiple-authors-description">
                                                                        My involvement in open-source projects like Keploy and Hoppscotch has provided me with valuable insights into the intricacies of development and architecture within early-stage startups. This experience has highlighted the multifaceted nature of Developer Relations and advocacy, requiring a diverse skill set to bridge the gap between Code, Content, and Community.                                                                    </p>
                                                                                                                                <a class="ppma-author-user_url-profile-data ppma-author-field-meta ppma-author-field-type-url" aria-label="Website" href="https://www.linkedin.com/in/sanskriti-harmukh/" rel="dofollow" target="_blank"><span class="dashicons dashicons-admin-links"></span> </a>
                                                                                                                                
                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                             </li>
                                                                                                                                                                                                                                    </ul>
                                                                            </span>
                                                                                    </div>
                    <span class="ppma-layout-suffix"></span>
                    </div>
                    
                    
                
                                <style>
                .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-avatar img { width: 80px !important; height: 80px !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-avatar img { border-style: none !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-avatar img { border-radius: 50% !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-meta a { background-color: #655997 !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-meta a { color: #ffffff !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-meta a:hover { color: #ffffff !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_email-profile-data { background-color: #655997 !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_email-profile-data { border-radius: 100% !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_email-profile-data { color: #ffffff !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_url-profile-data { background-color: #655997 !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_url-profile-data { border-radius: 100% !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .ppma-author-user_url-profile-data { color: #ffffff !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-author-boxes-recent-posts-title { border-bottom-style: dotted !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-multiple-authors-boxes-li { border-style: solid !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-multiple-authors-boxes-li { border-width: 1px !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-multiple-authors-boxes-li { border-color: #999 !important; } .pp-multiple-authors-boxes-wrapper.box-post-id-16.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content.box-instance-id-1 .pp-multiple-authors-boxes-li { color: #3c434a !important; }             </style>

Teleport into tech space through API Gateways

A Complete Guide to CI Testing: Benefits, Tools & Workflow

A Developer’s Guide to API Mocking: Benefits, Tools, and Tips

Software Quality Assurance Services: A Complete Guide

OpenAPI vs Swagger Schema: What’s the Difference?

Understanding and Using gRPC Error Codes: A Comprehensive Guide

SDK vs API: Simple Guide for Developers

What Is API Testing? Exploring Core of Reliable Software

Building Keploy.io, an EBPF based open source framework to generate test cases and data stubs from API calls.

Neha Gupta

Cloud technology veteran and probably the youngest (globally) to have completed all 5 AWS certifications (including Solutions architect Professional and Dev­ops engineer professional)

Teleport Into Tech Space Through Api Gateways

More Stories