DEV Community: Kiran Amin Panjwani

Learn How to: “Add Files to the index.html File from S3 Bucket Storage and Run It on the Browser via Termius on an EC2 Instance”

Kiran Amin Panjwani — Thu, 17 Aug 2023 08:13:21 +0000

Welcome to this comprehensive guide on adding files to the index.html file from a S3 bucket and running them on a browser using Termius via an EC2 instance. In this blog, we'll walk you through the steps to harness AWS services for web development and cloud computing.

What We Will Learn and Why It Matters:
You will learn how to use S3 for file storage, launch EC2 instances to host your web applications, and manage your instances with Termius. This knowledge is essential for web developers and cloud enthusiasts looking to securely and efficiently deploy their applications in the cloud. By the end of this tutorial, you'll have a functional web application accessible via a public IP address and ready to be explored by users worldwide.

Step-by-Step Guide:

1. Open the EC2 Instance:
Access your EC2 instance in the AWS Management Console and copy the "Public IPv4 address" for later use. For example: "3.0.184.216".

2. Configure Security Group:
Scroll down and navigate to the "Security" tab. Open the "Security groups" link, click the "Edit inbound rules" button, and add a new inbound rule for port 8081. Save the rules for later use.

3. Connect via Termius:
Click the "Connect" button mentioned on top of the instance details.

You can choose either the "EC2 instance Connect" tab or create a new Host on Termius.

4. Create a Termius Host:
Open Termius, press "New HOST," and provide a meaningful label (such as "demoinstance"). Enter the EC2 instance's Public IPv4 address, set the username as "ubuntu," and import the key pair file.

5. Start the Host:
Start the host by clicking the icon on the top-right corner of the panel.

Now you are ready to proceed with adding an image to the index.html file from S3 and running the index.html file on the browser using the EC2 instance.

[Instructions to Add Files to the index.html File and Run It on the Browser]

Execute the following commands after opening the host:

Update Package Information: sudo apt update
Install Apache Web Server: sudo apt install apache2
Open Apache Port Configuration File: sudo nano /etc/apache2/ports.conf
Change Working Directory: cd /var/www/html
List Files in the Directory: ls
Remove Existing index.html File (if any): sudo rm index.html
Create a New index.html File: sudo nano index.html
Write your HTML code inside the file and include the "Object URL" link of the file you uploaded to your S3 bucket. Save the file and exit the text editor. Example:
Edit Apache Port Configuration: sudo nano /etc/apache2/ports.conf Edit the port number next to "Listen" in the file. For example: "8081". Save the file.
Edit Apache Default Virtual Host Configuration: sudo nano /etc/apache2/sites-enabled/000-default.conf Edit the port number next to "VirtualHost" in the file. For example: "8081". Save the file.
Restart Apache Server: sudo service apache2 restart
Open Your Browser and Navigate to your EC2 Instance: Open your browser and click your instance's "Public IPv4 address". You will be redirected to a new tab.
Edit URL: Add ":your port number" at the end of your URL and remove the "s" from "https" in the URL. For example, if your Public IPv4 address is "3.0.184.216" and your port number is "8081," the URL will look like this: "http://3.0.184.216:8081/".

Congratulations! You have successfully added files to the index.html file from S3 and run your web application on a browser using an EC2 instance via Termius. This accomplishment marks the beginning of your exciting journey into the world of AWS, web development, and cloud computing. Now, you have the tools to deploy and manage your applications with confidence.

Feel free to explore more AWS services and further enhance your web projects.

Happy coding!

Reference Links:

Previous Blogs:

• Getting Started with AWS S3: Create Your First Bucket and Upload a File

• Getting Started with AWS EC2: Create Your First EC2 Linux Instance

Download Termius:
https://www.termius.com/

Getting Started with AWS: "Create Your First EC2 Linux Instance"

Kiran Amin Panjwani — Sun, 13 Aug 2023 11:22:43 +0000

Welcome to this beginner's guide to AWS EC2 (Elastic Compute Cloud). In this blog, we will walk you through the process of creating your first EC2 Linux instance on the Amazon Web Services platform. EC2 offers scalable computer capacity in the cloud, and it's a fundamental service that allows you to launch and manage virtual servers with ease. Let's get started!

5 Reasons to use Amazon EC2 Service:

- Flexibility and Scalability:
AWS EC2 offers a wide range of instance types, allowing you to choose the virtual server configuration that best fits your application's requirements. Whether you need a general-purpose instance for everyday computing or a high-performance instance for computer-intensive tasks, EC2 has you covered.

- Pay as You Go:
With AWS EC2, you only pay for the compute capacity you use. This pay-as-you-go model means you can scale your infrastructure up or down as needed, and you won't be charged for unused resources.

- Easy Instance Management:
Launching, configuring, and managing EC2 instances is straightforward via the AWS Management Console or API. You have full control over your instances, including the ability to start, stop, and terminate them as needed.

- Global Reach:
AWS EC2 operates in multiple regions around the world, allowing you to deploy your instances close to your target audience for reduced latency and improved performance.

- Integration with Other AWS Services:
EC2 seamlessly integrates with other AWS services, making it a vital component of many cloud-based applications. From databases to content delivery networks, EC2 can work in conjunction with various services to provide a complete solution.

Now, let’s walk you through the process of setting up your cloud-based, virtual Linux server using AWS EC2. Let's begin!

1. Access the AWS Management Console:
Navigate to the AWS Management Console by visiting https://console.aws.amazon.com/. Sign in with your AWS credentials and search for “EC2”:

2. Launch the EC2 Instance:
In the AWS Management Console, locate and click on "Instances" in the left-hand menu, and then click on the "Launch Instance" button.

3. Choose Instance Details:
After clicking "Launch Instance," provide a meaningful name for your instance (for example: "demoinstance"). Next, scroll down and select "Ubuntu" under the "Quick Start" tab.

4. Select the Amazon Machine Image:
From the dropdown menu of "Amazon Machine Image," choose "Ubuntu Server 20.04 LTS (HVM), SSD Volume Type" as your operating system.

5. Create a New Key Pair:
In the "Key Pair (login)" section, select "create new key pair" to generate a new keypair. In the new window, give it a meaningful name, such as "demokeypair," and select "ppk" as its format. Pressing will have the ".ppk" file download and save to your local machine.

6. Save the Key Pair:
Set the destination of the downloaded ".ppk" file to your Desktop or any preferred location. For example, "C:\Users\hp\Desktop".

7. Configure Security Group:
Enable necessary access to your EC2 instance by checking all of the unchecked boxes under the "Firewall (security groups)" section.

8. Review and Launch:
Review all your settings to ensure they are correct. Once you're ready, click on the "Launch Instance" button.

Congratulations! Your EC2 instance has successfully been created. You will need to wait a few minutes for the instance state to change to "running," and all "Status Checks" to pass successfully.

Now that your instance is up and running, you can explore deploying applications, hosting websites, running databases, and more. Optimize costs by stopping or terminating instances when not in use. As you continue your journey into the world of AWS, don't forget to discover the other services and capabilities that AWS offers.

Happy cloud computing!

References:
Previous Blog: Getting Started with AWS S3: Create Your First Bucket and Upload a File
What's Next? Learn How to: “Add Files to the index.html File from S3 Bucket Storage and Run It on the Browser via Termius on an EC2 Instance”

Getting Started with AWS S3: Create Your First Bucket and Upload a File

Kiran Amin Panjwani — Sun, 06 Aug 2023 15:49:07 +0000

Welcome to this beginner-friendly guide to AWS S3 (Simple Storage Service). In this blog, we'll show you how to create your first S3 bucket and upload a file to it. AWS S3 is a powerful and scalable storage service offered by Amazon Web Services, and it's a great introduction to cloud storage and data management. Let's dive in and get started!

5 Reasons to USE Amazon S3 Service:

- Scalability and Durability
AWS S3 is designed to provide high scalability and durability for your data. It automatically scales to handle virtually any amount of data and replicates your files across multiple data centers, ensuring data redundancy and availability.

- Cost-Effective Storage:
With AWS S3, you only pay for the storage you use, making it a cost-effective solution for storing data of any size. Additionally, AWS offers a free tier for new users, allowing you to try out the service at no cost. Visit free tier cost management.

- Easy Data Access:
Retrieving data from S3 is quick and straightforward. Whether you need to access data from a web application, mobile app, or any other platform, S3 provides APIs and SDKs that make data retrieval quick and simple.

- Data Security:
AWS S3 offers robust security features to protect your data. You can configure access controls, encryption, and set up IAM (Identity and Access Management) policies to manage user permissions effectively.

- Integration with AWS Services:
S3 seamlessly integrates with other AWS services, enabling you to build scalable and complex applications with ease. It serves as a foundation for various data-driven use cases like data lakes, backup and recovery, and content distribution.

Ready to dive into the world of AWS S3? Let's start with these step-by-step instructions!

1. Create an AWS Account:
If you don't have an AWS account yet, go to the AWS website and sign up for a new account. You'll need a credit card to complete the registration, but many services, including AWS S3, offer a free tier for new users to get started.

2. Access the AWS Management Console:
Sign in using your AWS credentials at https://console.aws.amazon.com/.

3. Navigate to S3:
In the AWS Management Console, type "S3" in search bar at the top and select the "S3" service from the results.

4. Create a Bucket:
In the S3 dashboard, click the "Create bucket" button. Provide a unique and meaningful name for your bucket. Bucket names must be globally unique across all AWS accounts, (for example: "demoexample"). Select a region for your bucket to be stored in. For beginners, it's recommended to choose a region closer to your geographical location to reduce latency.

5. Configure Public Access:
i) Uncheck the box labeled "Block all public access" to allow public access to the bucket.
ii) Check the box labeled "I acknowledge that the current settings might result in this bucket and the objects within becoming public" to acknowledge the potential risks of allowing public access.

6. Configure Bucket Settings:
For simplicity, you can keep the default settings for most configurations. You can explore these options later as you get more familiar with AWS S3.

7. Set Permissions:
For beginners, you can leave the bucket settings at their default values. In a production environment, you might want to manage access control more carefully.
8. Review and Create:
Review your bucket configurations and click the "Create bucket" button.

9. Upload a File:
Once the bucket is created, you will be redirected to the bucket overview page. From there, click on the "Upload" button to upload a file from your local machine. You can choose any file you like, such as an image, text document, or PDF. For example, you can upload a "png image of an S3 bucket".

10. Keep the Default Settings:
Add optional metadata if needed.

11. Review your Upload Settings:
Check settings and click the "Upload" button to upload the file to the bucket.

12. Access Uploaded Files:
After the upload is complete, you will be able to see your file listed in the bucket. Click on the name of the file to access its details. From there, you can copy the object URL, which you can use later to access the file.

You have successfully created an S3 bucket and uploaded a file to it. AWS S3 is now storing your file securely, and you can access it anytime using the URL or programmatically through the AWS SDKs or APIs.

Please note that if you want to make the uploaded file accessible publicly, you will need to uncheck the "Block all public access" box when creating the bucket. This will allow public access to the bucket and its contents. However, you should carefully consider the security implications of allowing public access to your S3 bucket before doing so.

By following these simple steps, you've accomplished the essential tasks of setting up an S3 bucket and uploading a file. AWS S3 offers a versatile and reliable storage solution, and you can further explore its features to suit your specific needs. As you delve deeper into the world of AWS, you'll discover various services that integrate seamlessly with S3, enabling you to build robust and scalable applications.

So, keep learning, experimenting, and leveraging the power of cloud computing with AWS!🌟

References:
What's Next? Getting Started with AWS: Create Your First EC2 Linux Instance