Articles → AWS → Elastic Beanstalk In AWS

Elastic Beanstalk In AWS

In this article, we will discuss Elastic Beanstalk in AWS.

What Is Elastic Beanstalk?

Elastic Beanstalk is a service for deploying and scaling the web application developed using Java, .NET, PHP, Node.js, Python, Ruby, Go, and Docker.

How To Create Elastic Beanstalk In AWS?

To create an Elastic Beanstalk, search the word beans in the search box. Click on the Elastic Beanstalk in the search result.

Picture showing the Elastic Beanstalk service in the search result

Click to Enlarge

In the Elastic Beanstalk screen, click on the Create Application button.

Picture showing the Create application button for creating the new application

Click to Enlarge

In the Create a web app screen, enter the Application name.

Picture showing the section for entering the application name in the create application screen

Click to Enlarge

Scroll down to select Platform as PHP and Application code is Upload your code.

Picture showing the section for selecting the language platform in the create application screen

Click to Enlarge

Scroll to select the code in the zip format. For this example, I am using the HTML file with the following content.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Modal Popup Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

    <div class="container">
        <!-- Trigger the modal with a button -->
        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal">Open Modal</button>

        <!-- Modal -->
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <p>Some text in the modal.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>

    </div>

    

</body>
</html>

Picture showing the section for uploading the source code in the create application screen

Click to Enlarge

Click on the Create application button for creating the application. Please note that the application creation may take 3-5 mins.

Once the application is created, you will get the following confirmation.

Picture showing the health status of the uploaded application as healthy

Click to Enlarge

Output

Now go to the Environments screen and you can see the URL got generated.

Picture showing the URL for browsing the deployed application

Click to Enlarge

Click on the URL and you can see your HTML page.

Picture showing the application web page deployed using the beanstalk service

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Wednesday, November 24, 2021

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**