Forem: Debopriya Dey

Top Free APIs to get started with your dev projects.

Debopriya Dey — Wed, 16 Nov 2022 07:23:05 +0000

API stands for Application Programming Interface. It act as an intermediate between software.

An open API, also called public API are made publicly available to software developers. Open APIs are published on the internet and shared freely so that the developers can access the application features and services.

Rapid API

RapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.

Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.

https://youtu.be/OcXEd0Qbvj0

Google APIs

Some APIs allow free usage up to a courtesy usage limit, and in some cases this free limit is increased when you enable billing.

For some APIs, more services are available after you enable billing. For example, when you enable billing for the Google Cloud Platform BigQuery APIs, you can create your own tables; if you do not enable billing, you're limited to existing datasets.

Few Useful Google Free APIs are

Shopify API

Shopify offers a suite of APIs that allow developers to extend the platform’s built-in features. These APIs allow Partners to read and write merchant data, interoperate with other systems and platforms, and add new functionality to Shopify.

Spotify API

Based on simple REST principles, the Spotify Web API endpoints return JSON metadata about music artists, albums, and tracks, directly from the Spotify Data Catalogue.

Web API also provides access to user related data, like playlists and music that the user saves in the Your Music library. Such access is enabled through selective authorization, by the user.

The base address of Web API is https://api.spotify.com. The API provides a set of endpoints, each with its own unique path. To access private data through the Web API, such as user profiles and playlists, an application must get the user’s permission to access the data. Authorization is via the Spotify Accounts service.

https://youtube.com/watch?v=c5sWvP9h3s8

OpenSea API

The OpenSea API helps developers build new experiences using NFTs and our marketplace data. We provide a set of endpoints that enable you to fetch ERC721 and ERC1155 token metadata as well as other core elements of our marketplace, including events, collection, listings, offers, and more. We offer these endpoints because we believe in composability in web3 and want to extend access to this data to anyone that wishes to build on top of it.

Related Blogs

If you have any other awesome Open APIs that you have used to create your projects do with us in the comment.

Deploy React App with Azure App Service.

Debopriya Dey — Wed, 09 Nov 2022 04:47:25 +0000

In this blog you will read about how to deploy your React Web App in Azure App Service.

Requirements

npm >= 6.5
node >= 10.12.0
Git

Create Basic React App

Initializing React App

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.on

Run this command to create a React application named lob-dev-app:

npx create-react-app lob-dev-app

The create-react-app will set up everything you need to run a React application.

Now you are ready to run your first real React application!
Run this command to move to the my-react-app directory:

cd lob-dev-app

Usage

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

npm build

This creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html

Create Nope App

Initializing Node App

npm init <initializer> can be used to set up a new or existing npm package.

initializer in this case is an npm package named create-<initializer>, which will be installed by npx, and then have its main bin executed -- presumably creating or updating package.json and running any other initialization-related operations.

Open Your Terminal and type

npm init

Guide you through a questionnaire to setup the project
A package.json with all the project details will be generated
Install some important pakages using this command

npm i body-parser cors express nodemon

Create a index.js in the same project directory

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

const cors = require('cors');
app.use(cors());
app.use(bodyParser.json())
app.use(
  bodyParser.urlencoded({
    extended: false,
  })
);

app.get('/hello', (req, res) => {  
  res.send('Hello Server!')
});

app.use(function (req, res, next) {
  res.header("Access-Control-Allow-Origin",  "http://localhost:3000");
  res.header("Access-Control-Allow-Credentials", true);
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT,PATCH");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
  next();
})

const PORT = process.env.PORT || 4000;
app.listen(PORT, () => {

    console.log(`Server listening at ${PORT}`);
});

Update the script in your pakage.json to use nodemon

"scripts": {
    "dev": "nodemon index.js"
  },

Open cmd from the project folder and type the cmd type

npm run dev

Your server is running on localhost port 4000
Go to browser and open http://localhost:4000/hello

Create Azure App Services

Login to Azure Portal and navigate to azure app services
Create a new app service

Deploy Node App in Azure App Service

Create a build of the react and route to Node app

Create a build using npm run build of the frontend and add the build folder to your Node app
Install package named path in node app and add route for your build index.html in build folder

app.use(express.static(path.join(__dirname, '/build')));
app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, '/build', 'index.html'));
});

Test the application locally
Replace the script block in pakage.json with the below code

"scripts": {
    "dev": "nodemon index.js"
  },

Deploying through github

After the app is created then navigate to resources and then to the recently created service
In the left panel navigate to Deployment center
Connect your github account and map the repository and branch. Save the changes
From your local machine push the updated node app.
Check your github repo action there it will be automatically deployed to azure app.
Hit the url to check you app.

Related Blogs

Schedule Google Meet Using HTML and JavaScript.

Debopriya Dey — Mon, 31 Oct 2022 04:40:53 +0000

In order to schedule a Google Meet with the attendees, first you need to create a event in your calendar and share with all the attendees.

For the same I had previously wrote a blog on how to create a event using HTML and JavaScript. Refer to this Blog.

In this blog I will guide you to create a website using simple HTML and JavaScript through which you can automatically schedule a Google Meet in your calendar and also share the same with the attendees.

Creating an Event in Google Calendar.

This is a very short explanation of creating an event. To read a brief explanation go here

Enable Google Calendar API
Create API key and Client ID
Configure your OAuth Consent Screen and Publish your app

Add the following code in your index.html.


<!DOCTYPE html>
<html>
<head>
<title>Google Calendar API Quickstart</title>
 <meta charset="utf-8" />
 <style>
   form {
     margin: 10px;
   }

   fieldset {
     width: fit-content;
   }

   input {
     margin-block: 10px;
   }
 </style>
</head>

<body>
<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize_button" onclick="handleAuthClick()">Authorize</button>
<button id="signout_button" onclick="handleSignoutClick()">Sign Out</button>
<br />
<form id="event_form">
  <fieldset>
    <input type="text" name="title" id="title" placeholder="Add Title" class="input-title" />
    <br />
    <textarea type="text" name="desc" id="desc" placeholder="Add Descreption" class="input-title"></textarea>
    <br />
    <label>Date</label>
    <input type="date" name="date" id="date" />
    <div>
      <label>Start Time</label>
      <input type="time" name="st" id="st" />
      <label>End Time</label>
      <input type="time" name="et" id="et" />
    </div>
    <button type="button" onclick="addEvent()">Schedule</button>
  </fieldset>
</form>
<pre id="content" style="white-space: pre-wrap;"></pre>
<script src="./index.js" type="text/javascript"></script>
<script async defer src="https://apis.google.com/js/api.js" onload="gapiLoaded()"></script>
<script async defer src="https://accounts.google.com/gsi/client" onload="gisLoaded()"></script>
</body>
</html>

Add the following code in your index.js and set your API key and Client Id.

// TODO(developer): Set to client ID and API key from the Developer Console
const CLIENT_ID = "<YOUR_CLIENT_ID>";
const API_KEY = "<YOUR_API_KEY>";

// Discovery doc URL for APIs used by the quickstart
const DISCOVERY_DOC =
  "https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest";

// Authorization scopes required by the API; multiple scopes can be
// included, separated by spaces.
const SCOPES = "https://www.googleapis.com/auth/calendar";

let tokenClient;
let gapiInited = false;
let gisInited = false;

document.getElementById("authorize_button").style.visibility = "hidden";
document.getElementById("signout_button").style.visibility = "hidden";
document.getElementById("event_form").style.visibility = "hidden";

function gapiLoaded() {
  gapi.load("client", initializeGapiClient);
}

async function initializeGapiClient() {
  await gapi.client.init({
    apiKey: API_KEY,
    discoveryDocs: [DISCOVERY_DOC]
  });
  gapiInited = true;
  maybeEnableButtons();
}

function gisLoaded() {
  tokenClient = google.accounts.oauth2.initTokenClient({
    client_id: CLIENT_ID,
    scope: SCOPES,
    callback: "" // defined later
  });
  gisInited = true;
  maybeEnableButtons();
}

function maybeEnableButtons() {
  if (gapiInited && gisInited) {
    document.getElementById("authorize_button").style.visibility = "visible";
  }
}

function handleAuthClick() {
  tokenClient.callback = async resp => {
    if (resp.error !== undefined) {
      throw resp;
    }
    document.getElementById("signout_button").style.visibility = "visible";
    document.getElementById("event_form").style.visibility = "visible";
    document.getElementById("authorize_button").innerText = "Refresh";
    await listUpcomingEvents();
  };

  if (gapi.client.getToken() === null) {
    // Prompt the user to select a Google Account and ask for consent to share their data
    // when establishing a new session.
    tokenClient.requestAccessToken({ prompt: "consent" });
  } else {
    // Skip display of account chooser and consent dialog for an existing session.
    tokenClient.requestAccessToken({ prompt: "" });
  }
}

function handleSignoutClick() {
  const token = gapi.client.getToken();
  if (token !== null) {
    google.accounts.oauth2.revoke(token.access_token);
    gapi.client.setToken("");
    document.getElementById("content").innerText = "";
    document.getElementById("authorize_button").innerText = "Authorize";
    document.getElementById("signout_button").style.visibility = "hidden";
    document.getElementById("event_form").style.visibility = "hidden";
  }
}

async function listUpcomingEvents() {
  let response;
  try {
    const request = {
      calendarId: "primary",
      timeMin: new Date().toISOString(),
      showDeleted: false,
      singleEvents: true,
      maxResults: 10,
      orderBy: "startTime"
    };
    response = await gapi.client.calendar.events.list(request);
  } catch (err) {
    document.getElementById("content").innerText = err.message;
    return;
  }

  const events = response.result.items;
  if (!events || events.length == 0) {
    document.getElementById("content").innerText = "No events found.";
    return;
  }
  // Flatten to string to display
  const output = events.reduce(
    (str, event) =>
      `${str}${event.summary} (${event.start.dateTime || event.start.date})\n`,
    "Events:\n"
  );
  document.getElementById("content").innerText = output;
}

const addEvent = () => {
  // Refer to the JavaScript quickstart on how to setup the environment:
  // https://developers.google.com/calendar/quickstart/js
  // Change the scope to 'https://www.googleapis.com/auth/calendar' and delete any
  // stored credentials.

  const title = document.getElementById("title").value;
  const desc = document.getElementById("desc").value;
  const date = document.getElementById("date").value;
  const start = document.getElementById("st").value;
  const end = document.getElementById("et").value;
  var ISOstartdate = "";

  const startTime = new Date(date + "," + start).toISOString();
  const endTime = new Date(date + "," + end).toISOString();

  var event = {
    summary: title,
    location: "Google Meet",
    description: desc,
    start: {
      dateTime: startTime,
      timeZone: "America/Los_Angeles"
    },
    end: {
      dateTime: endTime,
      timeZone: "America/Los_Angeles"
    },
    recurrence: ["RRULE:FREQ=DAILY;COUNT=2"],
    attendees: [{ email: "abc@google.com" }, { email: "xyz@google.com" }],
    reminders: {
      useDefault: false,
      overrides: [
        { method: "email", minutes: 24 * 60 },
        { method: "popup", minutes: 10 }
      ]
    }
  };

  console.log(event);
  var request = gapi.client.calendar.events.insert({
    calendarId: "primary",
    resource: event
  });

  request.execute(function(event) {
    console.log(event.htmlLink);
  });
};

Schedule Google Meet

You can associate calendar events with Google Meet conferences to allow your users to meet remotely via a phone call or a video call.

The conferenceData field can be used to read, copy, and clear existing conference details; it can also be used to request generation of new conferences.

To create schedule a Google Meet while creating the calendar event we require

The requestId which can be a random string.
The calendarId of the event creator that we will get from the responce after the event is created.
The eventId which is a combination of the Id and the start date of the event created.

We need to create a new function within addEvent function in our index.js

 async function createMeet(calendarId, eid) {
    const eventPatch = {
      conferenceData: {
        createRequest: { requestId: "7qxalsvy0e" }
      }
    };

    await gapi.client.calendar.events
      .patch({
        calendarId: calendarId,
        eventId: eid, // id + startdate.toISOString()
        resource: eventPatch,
        sendNotifications: true,
        conferenceDataVersion: 1
      })
      .execute(function(event) {
        console.log("Conference created for event: %s", event.htmlLink);
      });
  }

Now we need to call the createMeet function in request.execute method inside the addEvent function in our index.js add pass calenderId and eventId as the parameter. Therefore replace the request.execute method with this code.

request.execute(function(event) {
    var ISOstartdate = new Date(event.start.dateTime).toISOString();
    var eid =
      event.id + "_" + ISOstartdate.replace(/[:-]/g, "").replace(".000Z", "Z");
    var calendarId = event.creator.email;
    createMeet(calendarId, eid);
  });

I have pushed my code in this GitHub Repo on gmeet branch you can fork it and add your innovations or if you want to contribute to this repository you can create a pull request.

Reference

https://developers.google.com/calendar/api/guides/create-events#conferencing

Add free SSL Certificate in Hostinger using ZeroSSL.

Debopriya Dey — Mon, 24 Oct 2022 11:40:42 +0000

If you have hosted your website using hostinger and do not want to buy SSL for that domain you can add free SSL for upto 3 months from Zerossl. The process is very simple and in this blog you will get a step by step guide on how to install the free SSL certificate on your domain.

I assume that you have a hostinger account and a running website on some domain on Hostinger into which you want to install the SSL certificate

Downloading SSL certificate form Zerossl

Create an account on Zerossl. You will be redirected to the dashboard
Click on New Certificate button to create a new certificate.
Enter your domain name.
Select validity as 90 days (free version) and keep the CSR and Contact on.
Select the free plan and click on Next Step.
For Verification select the DNS(CNAME) option.
Now go to your Hostinger. Then Hosting > Manage > DNS Zone Editor
Add a CAA record with CA domain as sectigo.com
Now add your CNAME record provided by Zerossl.
Now go back to Zerossl and verify your. After successful verification you will be able to download the zip file of your certificate. Download and Extract it which should contain 3 files

Install the SSL certificate

Go to your Hostinger account.
Go to the SSL tab. Select the domain and click on manage in which you want to install the SSL certificate.
Now you need to import the SSL certificate.
Copy and paste the certificate.crt, privatekey and cabundle from the files extracted from the zip that you downloaded from zerossl.
Click on install. Now check the domain address in the browser it should show a secured connection.

Fetch and Create events in Google Calendar with HTML and Javascript.

Debopriya Dey — Sat, 22 Oct 2022 15:10:55 +0000

The Google Calendar API is a RESTful API that can be accessed through explicit HTTP calls or via the Google Client Libraries. The API exposes most of the features available in the Google Calendar Web interface.

This Blog is a step-by-step guide on how to create a simple website using just HTML and JavaScript where the user can fetch their calendar events and create new events.

Google Calendar API

To read events from your public Google Calendars you’ll need create a Google API key for which firstly you need to have a google account. After that you need to go through the following steps to get the API key and other required key pair values.

Create Project click on this link to create a new project.
Enable API go to this link and enable your Google Calendar API. Make sure that your recently created project is select.
Next navigate to the credentials tab and click on CREATE CREDENTIALS and select API key from the dropdown. After which a api key will be generated for your.
Next select the OAuth consent screen tab and select User Type as External.
You will be asked about you App Info. Give appropriate App Name and support email and click Save and Continue. Refresh the page and now Click on PUBLISH APP
Now again go to the Credentials Tap and now create OAuth Client ID. Select Application type as Web Application and then authorize your domain URL on which your project will be running (if your are on development server give your localhost and the port on which the project is running). Now you will have your Client Id and Client Secret which we will use later for configuration.

Integrating website with Google Calendar API

Now we have the API key as well as the Client Id so we are ready to dive into coding.

Fetch Events

Create a folder, inside which create a HTML file and a JS file. Open the folder with VS Code and use the Live Server to run the index.html.

Add the following code in your index.html

<!DOCTYPE html>
<html>
<head>
<title>Google Calendar API Quickstart</title>
<meta charset="utf-8" />
</head>
<body>
<p>Google Calendar API Quickstart</p>

<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize_button" onclick="handleAuthClick()">Authorize</button>
<button id="signout_button" onclick="handleSignoutClick()">Sign Out</button>

<pre id="content" style="white-space: pre-wrap;"></pre>
<script src="./index.js" type="text/javascript"></script>
<script async defer src="https://apis.google.com/js/api.js" onload="gapiLoaded()"></script>
<script async defer src="https://accounts.google.com/gsi/client" onload="gisLoaded()"></script>
</body>
</html>

Add the following code in your index.js. Replace <YOUR_CLIENT_ID> with the Client Id and <YOUR_API_KEY> with the API key. You can find those from your Google Calendar API Credential

  /* exported gapiLoaded */
  /* exported gisLoaded */
  /* exported handleAuthClick */
  /* exported handleSignoutClick */

  // TODO(developer): Set to client ID and API key from the Developer Console
  const CLIENT_ID = '<YOUR_CLIENT_ID>';
  const API_KEY = '<YOUR_API_KEY>';

  // Discovery doc URL for APIs used by the quickstart
  const DISCOVERY_DOC = 'https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest';

  // Authorization scopes required by the API; multiple scopes can be
  // included, separated by spaces.
  const SCOPES = 'https://www.googleapis.com/auth/calendar';

  let tokenClient;
  let gapiInited = false;
  let gisInited = false;

  document.getElementById('authorize_button').style.visibility = 'hidden';
  document.getElementById('signout_button').style.visibility = 'hidden';

  /**
   * Callback after api.js is loaded.
   */
  function gapiLoaded() {
    gapi.load('client', initializeGapiClient);
  }

  /**
   * Callback after the API client is loaded. Loads the
   * discovery doc to initialize the API.
   */
  async function initializeGapiClient() {
    await gapi.client.init({
      apiKey: API_KEY,
      discoveryDocs: [DISCOVERY_DOC],
    });
    gapiInited = true;
    maybeEnableButtons();
  }

  /**
   * Callback after Google Identity Services are loaded.
   */
  function gisLoaded() {
    tokenClient = google.accounts.oauth2.initTokenClient({
      client_id: CLIENT_ID,
      scope: SCOPES,
      callback: '', // defined later
    });
    gisInited = true;
    maybeEnableButtons();
  }

  /**
   * Enables user interaction after all libraries are loaded.
   */
  function maybeEnableButtons() {
    if (gapiInited && gisInited) {
      document.getElementById('authorize_button').style.visibility = 'visible';
    }
  }

  /**
   *  Sign in the user upon button click.
   */
  function handleAuthClick() {
    tokenClient.callback = async (resp) => {
      if (resp.error !== undefined) {
        throw (resp);
      }
      document.getElementById('signout_button').style.visibility = 'visible';
      document.getElementById('authorize_button').innerText = 'Refresh';
      await listUpcomingEvents();
    };

    if (gapi.client.getToken() === null) {
      // Prompt the user to select a Google Account and ask for consent to share their data
      // when establishing a new session.
      tokenClient.requestAccessToken({prompt: 'consent'});
    } else {
      // Skip display of account chooser and consent dialog for an existing session.
      tokenClient.requestAccessToken({prompt: ''});
    }
  }

  /**
   *  Sign out the user upon button click.
   */
  function handleSignoutClick() {
    const token = gapi.client.getToken();
    if (token !== null) {
      google.accounts.oauth2.revoke(token.access_token);
      gapi.client.setToken('');
      document.getElementById('content').innerText = '';
      document.getElementById('authorize_button').innerText = 'Authorize';
      document.getElementById('signout_button').style.visibility = 'hidden';
    }
  }

  /**
   * Print the summary and start datetime/date of the next ten events in
   * the authorized user's calendar. If no events are found an
   * appropriate message is printed.
   */
  async function listUpcomingEvents() {
    let response;
    try {
      const request = {
        'calendarId': 'primary',
        'timeMin': (new Date()).toISOString(),
        'showDeleted': false,
        'singleEvents': true,
        'maxResults': 10,
        'orderBy': 'startTime',
      };
      response = await gapi.client.calendar.events.list(request);
    } catch (err) {
      document.getElementById('content').innerText = err.message;
      return;
    }

    const events = response.result.items;
    if (!events || events.length == 0) {
      document.getElementById('content').innerText = 'No events found.';
      return;
    }
    // Flatten to string to display
    const output = events.reduce(
        (str, event) => `${str}${event.summary} (${event.start.dateTime || event.start.date})\n`,
        'Events:\n');
    document.getElementById('content').innerText = output;
  }

Run the index.html with live server on VS Code. This should appear.
After you click the Authorize button a popup will appear. You will be asked to authorize your google account. After you have authorized your account all the upcomming events from the calendar of that event will appear. (You may schedule some events in advance for testing)

Till now we have successfully fetched the calendar Events Now we need to Create Events from our website.

Create Events

First we need to create a form in our index.html.

<form id="event_form">
<fieldset>
  <input type="text" name="title" id="title" placeholder="Add Title" class="input-title" />
  <br />
  <textarea type="text" name="desc" id="desc" placeholder="Add Descreption" class="input-title"></textarea>
  <br />
  <label>Date</label>
  <input type="date" name="date" id="date" />
  <div>
    <label>Start Time</label>
    <input type="time" name="st" id="st" />
    <label>End Time</label>
    <input type="time" name="et" id="et" />
  </div>
  <button type="button" onclick="addEvent()">Schedule</button>
</fieldset>
</form>

Add the addEvent function in your index.js. Also make sure that your SCOPE is https://www.googleapis.com/auth/calendar.

const addEvent = () => {
  const title = document.getElementById("title").value;
  const desc = document.getElementById("desc").value;
  const date = document.getElementById("date").value;
  const start = document.getElementById("st").value;
  const end = document.getElementById("et").value;

  const startTime = new Date(date + "," + start).toISOString();
  const endTime = new Date(date + "," + end).toISOString();

  var event = {
    summary: title,
    location: "Google Meet",
    description: desc,
    start: {
      dateTime: startTime,
      timeZone: "America/Los_Angeles"
    },
    end: {
      dateTime: endTime,
      timeZone: "America/Los_Angeles"
    },
    recurrence: ["RRULE:FREQ=DAILY;COUNT=2"],
    attendees: [
      { email: "abc@google.com" },
      { email: "xyz@google.com" }
    ],
    reminders: {
      useDefault: false,
      overrides: [
        { method: "email", minutes: 24 * 60 },
        { method: "popup", minutes: 10 }
      ]
    }
  };

  console.log(event)
  var request = gapi.client.calendar.events.insert({
    calendarId: "primary",
    resource: event
  });

  request.execute(function(event) {
    console.log(event.htmlLink);
  });
};

This should be your final result

So far you have created a basic website where users can list their calendar events and also add new events. I have pushed my code in this GitHub Repo you can fork it and add your innovations or if you want to contribute to this repository you can create a pull request.
Do share your websites in the comment section also if you are still facing any issue, you can comment that down I will try to solve it.

Next Step

Schedule Google Meet Using HTML and JavaScript.

Reference

Create a Node and Express AWS Lambda function

Debopriya Dey — Tue, 18 Oct 2022 18:02:55 +0000

What is AWS Lambda

Before deploying your first AWS lambda function lets talk a little bit about Serverless and AWS Lambda. If you already know much about this you can skip to the next part.

At first serverless sounds like there is no server involved but that not the case. It simply means that you're not responsible for managing or provisioning of the server and as a developer you will just focus on writing the logic in your code.

AWS Lambda is a serverless, event-driven compute service that lets you run code for virtually any type of application or backend service without provisioning or managing servers. Once you upload your code to lambda the service handle all the capacity, scaling pathing and administration of the infrastructure to run your code.

Now lets get started to create and deploy your first lambda function.

Creating AWS accounts

Firstly you need to create a AWS account for which you need to verify your credit or debit card. The process is very simple.

Go to AWS website and click on Create an AWS Account then a webpage will appear to verify your email. Fill up your email and verify the OTP.
After creating your password you will be asked for your contact details
After this you will be asked to verify the payment method. Here you have to add your Card details after which 2 rupee will be credited from your account for verification and then it will be refunded.
After few more steps you will be logged in your AWS console.

Connecting with AWS console

Firstly we need to install the AWS CLI on our machine. AWS CLI go to this link and download the version supported by your OS. After the download is complete run the installation process and now to check your installation open your command prompt and enter

C:\> aws --version
aws-cli/2.7.24 Python/3.8.8 Darwin/18.7.0 botocore/2.4.5

Now in order to enable the serverless framework to communicate with our AWS account we need to create a IAM account. This is basically a service to manage who get access to what resources of our AWS account.

Search for IAM service on the search bar and navigate to same. There you need to create a user by clicking on Add user.
Give a username and and check the programmatic access option and click next.
Now you need to provide the permission to the users of what resources they can use. For now you can give AdministratorAccess (They have access to all the resources).
For the next two steps you can leave the column as it is and click on Create User. You can copy the credential or Download the csv file. Later you need these to connect your machine to the AWS account.

Now we will finally do the setup. For that we need to open our command prompt and aws configure and then provide the access key and the secret key of the recently created user

C:\>aws configure
AWS Access Key ID [****************TEUZ]: AK********3X
AWS Secret Access Key [****************Rh5l]: VVL******xKv9

Now we are all set to create and deploy our lambda function from our Command Prompt.

Create Lambda function and Deploy

Now we need to setup Serverless

Just do a npm install to setup the serverless npm install -g serverless
Enter serverless and you will be given a list of templates. Select AWS - Node.js - Express API. Your template will get downloaded
Open the folder in VS code and check your template.
Now we just have to deploy the code which might take few minutes. For that we need to open our project dir
Check your api by hitting on the provided endpoint from your browser or Postman.