<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>Before I start to bore you with some technical terms of an API, I would highly recommend getting a deep understanding of APIs. So, Let&#8217;s go for components of APIs.
To help you out with that, do read the blog about the <a href="https://keploy.io/blog/community/how-did-i-get-to-know-about-apis">Basics of APIs</a>. It&#8217;s a 6min read written in simple English so it won&#8217;t take much time to understand, I&#8217;m pretty sure about that.
<hr />
In this blog, I&#8217;ll be talking about the technical side of components of APIs. I&#8217;ll tell you what information an API consists of or what components it has.
Even if you&#8217;re already working with APIs, you might still be confused about the terms like headers, endpoints, status codes, and response body. There are more of these terms. 
So let&#8217;s understand components of APIs one by one.
<hr />
1. Endpoint
In the simplest terms, an endpoint is a place from where the data can be accessed. APIs operate through requests and responses - that is you make a request and the API Endpoint gives a response.
Here&#8217;s an example, click on this link: <a href="https://api.imgflip.com/get_memes"><a href="https://api.imgflip.com/get_memes">https://api.imgflip.com/get_memes</a></a>
When you click on the link, you&#8217;re requesting to get all the meme templates imgflip has in their database, so that API Endpoint is getting response data from the imgflip database and shows it on the website.
Therefore, an API Endpoint is a URL to access the data.
Now you might get confused about the difference between an API and an API Endpoint, isn&#8217;t both of them the same as I&#8217;ve shown the same link to demonstrate both?
No, they are not the same. API refers to the whole set of protocols(or you can say code) that allows communication between two systems while an endpoint is a URL that enables the API to gain access to resources on a server.
<hr />
2. Headers
Now, this is a little tricky to understand as it&#8217;s just some extra information for the API calls, or you can say it contains the metadata that is associated with the API requests and responses.
<blockquote>You can consider it as some additional data like timestamp, content type, authorization, etc. that you might not need too often. You will only need this data in case you face issues with the components of APIs.</blockquote>
Headers look the same as the formatted API endpoints, that is, in JSON format.
One point to remember here is that these extra data/metadata/additional data are not useless, they are very useful when you will be stuck in any issue.
One of these additional data is sometimes the authorization that contains your API key, which is used to access the data or to complete a request successfully. We&#8217;ll understand this properly.
Let&#8217;s take an example of you ordering some fast food from your favorite food delivery app. Now, you&#8217;ll be able to see the delivery guy&#8217;s exact location. What&#8217;s happening here is that your app is requesting Google Map Directions to send your delivery guy&#8217;s real-time location. Here&#8217;s a catch, Google Map Directions is not a public API that will allow anyone to see anyone&#8217;s real-time location. So, what it does is that it asks for an &quot;authentication&quot; key or API Key as a Header to verify if you&#8217;re a valid user or not. Then only you&#8217;re able to access your delivery guy&#8217;s real-time location.
<hr />
3. HTTP Methods
This is the most common part of APIs. The HTTP Method represents what type of request an API is making.
There are 7 <a title="HTTP" href="https://keploy.io/blog/community/understanding-http-and-https-as-a-beginner">HTTP</a> Methods that you need to know:
<ul>
<li>GET- It&#8217;s used to get data from a database. The imgflip endpoint that I&#8217;ve provided earlier is an example of a GET request as it only gets the data and shows it to us, we don&#8217;t have to provide anything from our side. It&#8217;s the most used HTTP Method.</li>
<li>POST- It&#8217;s used to add new data to a database. The best example of this could be a Sign-up screen on a website. They ask you for your details if you&#8217;re a first-time user and your new data gets added to their database through a POST request.</li>
<li>PUT- It&#8217;s used to update the existing data in a database. An example of this could be you changing your password on a website. You&#8217;re sending a PUT request to update your data. It&#8217;s similar to POST request as it could also be used to add new data to the database.</li>
<li>PATCH- It is also used to update existing data just like the PUT request but it is better than that if we talk about updating data. It&#8217;s because it takes only the data that needs to be updated as input, whereas, PUT needs all the data and that&#8217;s how it is similar to POST request.</li>
</ul>
Let&#8217;s see the difference in the requests between PUT and PATCH if one needs to change their password 
PUT Request:
<pre><code>{
 id: 1,
 first_name: "Adam",
 last_name: "jacks",
 age: 21,
 last_password: "123456",
 new_password: "abcdef"
}
PATCH Request:
{
 id: 1, //to determine for whom to change
 last_password: "123456",
 new_password: "abcdef"
}</code></pre>
<ul>
<li>DELETE - This is surely not difficult to guess by yourself. It just deletes the existing data from the database. Note: Not all data at once.</li>
<li>HEAD - Similar to the GET request. It gets the Headers(already explained earlier). For example, if a URL might produce a large download, a HEAD request could read its content-length header to check the file size without actually downloading the file. It&#8217;s like checking what a GET request will return before actually making a GET request.</li>
<li>OPTIONS - It&#8217;s used to check what HTTP Methods an API endpoint supports. It doesn&#8217;t return any specific data but the HTTP Methods, that is, GET, POST, etc. It&#8217;s the least used HTTP Method.</li>
</ul>
<hr />
4. Status Codes
This is the part where you just have to remember these codes and not understand much. I&#8217;ll just provide you with some common status codes to remember.
Let&#8217;s start with understanding what these codes mean in general:
<ul>
<li>1xx - Information responses - The server is thinking through the request.</li>
<li>2xx - Success - The request was successfully completed and the server gave the browser the expected response.</li>
<li>3xx - Redirection - You got redirected somewhere else. The request was received, but there&#8217;s a redirect of some kind.</li>
<li>4xx - Client Error - Page not found. The site or page couldn&#8217;t be reached. 
&#8211; 5xx - Server Error - Failure. A valid request was made by the client but the server failed to complete the request.</li>
</ul>
Now, let&#8217;s see some common status codes that you will face most often during development:
<ul>
<li>200 - OK - It means that the request is getting a response.</li>
<li>201 - Created - It means that a new item has been created in the database.</li>
<li>401 - Unauthorized - It means the request needs to be authentic. (e.g., if requesting a user&#8217;s data, you need to provide the user&#8217;s id)</li>
<li>404 - Not Found - It means a request is valid but there&#8217;s no data on the server.</li>
<li>500 - Internal Server Error - In this case, the error is unknown.</li>
</ul>
<hr />
5. Response Body
As the name suggests, it&#8217;s the body of the response you get out of an API request. A response body consists of Headers, Status Code, and a text body(in JSON format).
A Response Body is the output of an API request.
If I talk about an example, whatever you see on <a href="https://api.imgflip.com/get_memes">this</a> url is the response body. You will be able to see the Status Code and the Headers if you check this link on <a href="https://hoppscotch.io">Hoppscotch</a>or <a href="https://postman.com">Postman</a>. These are the API testing tools.
<hr />
That&#8217;s all to it!
As I&#8217;ve mentioned about Hoppscotch and Postman as <a title="API testing" href="https://keploy.io/blog/community/all-about-api-testing-keploy">API testing</a> tools, there&#8217;s the latest API testing tool that automates the whole process of API testing, the tool is <a href="https://github.com/keploy/keploy">Keploy</a>, you can give it a try if you&#8217;re planning to test your APIs.
I will be keeping components of APIs blog till here. I&#8217;ll publish more such blogs related to API literacy, so don&#8217;t forget to give me a follow 🙂
<ul>
<li>by <a href="https://twitter.com/littleironical">Hardik Kumar</a></li>
</ul>

 
 
 

 
 <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>
 
 <div class="ppma-author-category-wrap">
 
 <ul class="pp-multiple-authors-boxes-ul">
 <li class="pp-multiple-authors-boxes-li author_index_0 author_hardik-kumar has-avatar">
 <div class="pp-author-boxes-avatar">
 <img alt='Hardik Kumar' src='https://wp.keploy.io/wp-content/uploads/2024/10/hardik-kumar.jpg' srcset='https://wp.keploy.io/wp-content/uploads/2024/10/hardik-kumar.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/hardik-kumar/" rel="author" title="Hardik Kumar" class="author url fn">Hardik Kumar</a> 
 </div>
 
 I'm Hardik, a UI/UX Designer with 2 years of experience at Crewscale, specializing in user research, prototyping, and creating user-centric experiences for AI, SaaS, and Finance domains. I balance aesthetics with functionality, solving complex design challenges for international clients. 
 <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/littleironical/" rel="dofollow" target="_blank"> </a>
 
 </div>
 </li>
 </ul>
 
 </div>
 
 </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>

Understanding the components of APIs

Understanding and Using gRPC Error Codes: A Comprehensive Guide

SDK vs API: Simple Guide for Developers

How to Upload a File to Amazon S3 Using REST API

What Is API Testing? Exploring Core of Reliable Software

Monitor API Calls in Chrome and Validate Flask APIs

Dynamic Testing: Your Complete Guide to Runtime Software Testing

A Complete Guide to API Functional Testing

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)

Understanding The Components Of Apis

More Stories