Forem: Parikshit Chavan

Host Static Website on AWS for free

Parikshit Chavan — Sun, 25 Feb 2024 14:39:46 +0000

In this quick start guide, we'll walk through the steps to set up and host a static website on AWS, allowing you to showcase your content or project to the world without breaking the bank. Whether you're a developer, blogger, or just someone looking to establish an online presence, AWS provides an accessible and efficient way to deploy and manage static websites with ease. Let's dive into the process and get your website up and running on the AWS cloud.

Walkthrough...

Get you a free website template quickly.
Create S3 bucket
Add bucket policy
And your website is hosted, tadaa!

Get you a free website template quickly.

If you have the source code for your website ready, then well, kudos to you!, but you came here in a hurry just to get your portfolio website out there, well, here I am to save you.

Go to HTML5 Up

Pick a template..

Hit download, and the source code will get downloaded.

Browse to the folder, and open it with vs code

Edit the index.html page, add your relevant info like name, designation, that you wish to add like shown below.

Save it.
Make sure, you don't change the folder structure of the source code, if you have no idea about how all HTML, CSS, and JS are working.

Create S3 bucket

Click on 'Create Bucket'

Give a unique name to your bucket.

You need to change the 'Block Public Access' setting for the bucket.
'Uncheck the Block all public access' checkbox
and check the 'I acknowledge.....' box, as shown in the snip below.

Hit Create Bucket.

Change bucket policy

Let's add a bucket policy to our bucket, that will allow to read the objects within our AWS bucket.

{ "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow", "Principal": "*", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::bucket-name/*" }] }

Copy the code and paste it in the 'Bucket Policy' section, under the Permissions tab, by clicking on Edit. Now, replace the 'bucket-name' with your bucket name.

Add source code to the bucket

Go back to the 'Objects' section. Click Upload.

Now, we will be uploading the files and folders that are present in our source code for our website.
First, we will upload the files. Click on Add files.

Select the files that are present in the source code folder.

After selecting the files, click Upload.

All the files will appear in front of you as Objects.

Now let us upload folders that are present in our source code folder in a similar fashion as done above.

Now the bucket will look something like this...

Get the URL for your bucket

Go to the 'Properties' section, scroll down to 'Static Website Hosting'

Copy the link, and open it in the new browser, wohoooo! your website is now hosted! For FREE!

And it's done!

Thank you for reading!!
Give a like, and share it with your folks!

Copying local file/directory to the k8s pod

Parikshit Chavan — Fri, 24 Nov 2023 06:43:34 +0000

When there comes a scenario when you have to copy any file or directory to the kubernetes pod, make it available for the application. Lets say, you have a folder that have videos that you want to make available in the pod.

Let's see a simple way to it.

let me show you my current pod where i want to upload a directory.

use

kubectl get pods

Output:

here, you can see the app1-fdc77f597-nn598 pod, where we will upload a file.

Use this command to exec inside the pod,

kubectl exec -it app1-fdc77f597-nn598 -- /bin/sh

I will be copying my videos folder from the host machine to this pod directory.

lets copy this pod directory, which we will use later,
use pwd
/app is the pod-path

Lets exit from the pod and look what we have in the host machine.

[parikshit@parikshit videos]$ ls
sample-vid-1.mp4  sample-vid-2.mp4

i have these videos that needs to be uploaded.
let take the local-path, by using pwd command

[parikshit@parikshit videos]$ pwd
/home/parikshit/folder1/videos

this is our loacl-path

Now lets copy to our pod

we will be using following command
kubectl cp <local-path> <pod-name>:<pod-path>
so our command will be

kubectl cp /home/parikshit/folder1/videos app1-fdc77f597-nn598:/app

After it gets executed, just get inside our pod, and check our /app/videos/ directory.

kubectl exec -it app1-fdc77f597-nn598 -- /bin/sh

And we see all our videos inside the pod.

Like and share the post, if it was helpful.
Happy Coding ! :)

Triggering Lambda function with Application Load Balancer

Parikshit Chavan — Mon, 20 Nov 2023 16:54:47 +0000

This is a basic hands-on on triggering AWS Lambda function via Application Load Balancer DNS.

So, here is what we are going to do:

Create a Lambda function
Create an ALB (application load balancer)
Create a target group for the ALB
Set our Lambda function as the target grp
Trigger the lambda function and return the response whenever the user clicks the load balancer DNS

Before diving into the hands-on, lets take a moment to understand what we are doing and what its being called.

Synchronous Invocation

The concept of synchronous invocation typically refers to invoking a Lambda function and waiting for the response in a synchronous manner, where the calling application or service waits for the Lambda function to complete and returns the result immediately.

User invocations:

Elastic Load balancer
API Gateway
CloudFront
S3 batch

1. Create a lambda function

Enter the details like function name, choose Python as the runtime language and leave the rest setting as it is.

This will be the sample code that will be present.
We can change the return statement to anything you like:
body': json.dumps('Hello from Lambda! this is Parikshit ! ')

Creating ALB

Navigate to Load Balancer service in the management console
Select Application Load Balancer.

Fill in the details as given in the image

In Network Mapping , select all the checkboxes, i.e we are selecting all the AZs.

Let's create a new security group

Create a new security group, which has http incoming traffic from any address (0.0.0.0)
And default outgoing traffic.

Creating Target Group

In the listeners and routing section,
our target group for the ALB is the Lambda function that we created.
Click on the create new target group , select the Lambda function.

As mentioned above, give the target group name.
Click Next

In the Registering Target Group, select our Lambda function that we created.

Click on Create target group

Now back to our Create application load balancer page, hit refresh and select our new target group that we just created.

Keep rest configuration to default and click on Create load balancer

You can view the load balancer. It may take some time to provision.

Now, you can go the load balancer that you created, it will look something like this...

Copy the DNS name for the ALB and paste it into the browser.
A file will get downloaded, which is the response.txt for our lambda function.

Now, you can make changes to our lambda function, and print whatever you want. After making any changes, you will have to save the test event, give it a name, and hit deploy.

Getting the response on the ALB Webpage

Finally, we don't want to have our lambda function response downloaded in a text file, instead, we will display it on our ALB endpoint webpage.

To do this go to https://docs.aws.amazon.com/lambda/latest/dg/services-alb.html

Just past the below code

{ "statusCode": 200, "statusDescription": "200 OK", "isBase64Encoded": False, "headers": { "Content-Type": "text/html" }, "body": "<h1>Hello from Lambda!</h1>" }

In our Lambda function, paste this in our return statement.
Note: isbase64Encoded : False, is with F capital

Click on deploy
Hit the endpoint again.

Conclusion

So, we Trigger our lambda function whenever we hit the ALB endpoint, and the response is displayed on the webpage.

You can monitor how many times the function has been invoked in the Monitor tab for the lambda function.