Articles → AWS → Elastic Beanstalk In AWS

Elastic Beanstalk In AWS






What Is Elastic Beanstalk?





How To Create Elastic Beanstalk In AWS?




Picture showing the Elastic Beanstalk service in the search result

Click to Enlarge



Picture showing the Create application button for creating the new application

Click to Enlarge



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

Click to Enlarge



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

Click to Enlarge



<!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





Picture showing the health status of the uploaded application as healthy

Click to Enlarge


Output




Picture showing the URL for browsing the deployed application

Click to Enlarge



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/FeedbackCharacters remaining 250