How to host a website for FREE using AWS? | Static Website Hosting with S3
ฝัง
- เผยแพร่เมื่อ 22 ส.ค. 2024
- Hosting Static Website with AWS S3 | Public Access
⭐You can use Amazon S3 to host a static website. On a static website, individual webpages include static content. They might also contain client-side scripts.
⭐To host a static website on Amazon S3, you configure an Amazon S3 bucket for website hosting and then upload your website content to the bucket.
⭐When you configure a bucket as a static website, you must enable website hosting, set permissions, and create and add an index document.
⭐Depending on your website requirements, you can also configure redirects, web traffic logging, and a custom error document.
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it!
www.kite.com/g...
Please follow we in the links below to stay updated: 🙌
🍀Click on the link below to subscribe: tinyurl.com/qq...
🍀Instagram: / tougherapollo
🍀Twitter: / tougherapollo1
🍀Discord: / discord
🍀Join me on Mixer - Link - mixer.com/Byto...
#StaticWebsite #AWSSolutionsArchitectAssociate2020 #Pythoholic
I'm really glad you added the troubleshooting steps for when we get stuck.
by far the best way to teach someone
The only change after two years of this video is the option to "make public" has been now modified by Amazon Web Services.. you need to enable the ACL under the "Object Ownership" section under the "permissions" tab of the bucket... @Pythoholic.. just adding this comment just incase if someone gets stuck on the "Make Public" option! Your videos have been fantastic and absolutely easy to understand this complex cloud.. Special thanks to you for every pain taken to create this fantastic series!!
thanks sachin sorry that j couldnt update it lately but i will try and keep them updated
thanks again
Thank you Sachin!
Thanks @sachinadi6715 you save my day...
Hi thanks,
I tried to give public access for my project by clicking Action -> Make public via ACL, but this option disabled for me. Please advise.
when creating the bucket, select enable acl option
Thanks
make public button is no longer available. how do you make it public?
I’m having the same issue
did your issue got resolved?
i would suggest creating a bucket with public access and trying it again
@@Pythoholic Sir for me writing the bucket policy fixes the issue
you have to attach a policy with the bucket as well
wow thanks very much. i happen to build a site for my final project and was very worried on how to host my site, but your tutorial helped me accomplish it. God bless you.
I’m glad you kept all the goofs in the video.
S3 is constantly adding new features my knowledge was a bit rusty. Thanks for the video it was life saver.
Thanks mate.. it helped. Tanks to your video, I am moving my website from my current hosting provider to AWS.
hello sir, makei public doesnt exist in aws, but only make public via acl and im not able to press it as a button
Read this : aws.amazon.com/premiumsupport/knowledge-center/read-access-objects-s3-bucket/ this should help
@@Pythoholic thank you my friend. Marry Christmas
"Make Public" fixed my issue. thanks.
Thanks man . Great video
Amazing tutorial. Thank you so much.
You need to configure json file in permissions/bucket policy, add name of the bucket
Thank you
Very useful video thank you!
haha thanks a lot .....looking for hosting account, now i got it for free
This is very Interesting. But what i was looking for like if user will try to access by simple URL rather than S3 object URL. How come that will be happen? kindly prepare a video for that. thanks!!
You need to create a dns route by having ur own domain in route 53 either from the one you purchased on godaddy or hostinger or even purchasing at route 53 domain registration. Then u can create a name record and attach that s3 url to it. But the domain won't be free. U need to purchase it
Thank You so much...Much easier than Ec2
Dude wow mahn your tutorial is a magic for beginners like us thankyou so much❤❤❤❤
Hi. I didn't get it. After unchecking the Block Public Access, you had to clean your cache to try opening. But again you had to make it public in order to open it properly, is this last step optional or we must do it anyways?
i had actually done that, and for it not work i had to clear the cache, i just did that for that purpose only.
Thank you verymuch for this
from where can i get that folder you just uploaded in the bucket ?
You can create a static html file using google, its what I did !
Thanks for your response @pythoholic
Good Job, Thank You!
Great video. How do I download a wordpress website content to my computer drive so I can upload it directly to S3?
What I dont understand is that, how was the site SSL certified without adding a cert to the site
its not hosted using a manually configured domain
it uses cdn to host it so its already secure
Guys just be carefully with asw service.. Even by mistake dont go to any other service or turn them on.. They cost for exceeding services
Thanks. Looks like the recent version asks for editing the bucket policy to make it public. otherwise 403-Forbidden is thrown.
oh sure i will update the video
good one! thnaks buddy
Nice but it will be more good if you have added domain in this tutorial 👍🏻
Yeah this was a short one. I will add the dns and endpoints in the VPC section. Other wise it will be confusing without covering the VPC part first. Thanks bro
Yes thats also right, will wait for that part ✌🏻
@@Pythoholic It would be extra helpful if you could provide the link to that next video here. This was also my next thought: how do I now direct my own url to this hosted site? Thanks again!
Please check the play list in the description, it will help you
my css (bootstrap) and images are not getting rendered.
It will , are your paths defined correctly
@@Pythoholic I'm having the same issue. I'm pretty sure my paths are defined correctly
I have already uploaded a website on AWS and connected to the domain name on godaddy. I have updated the site offline. I need to now upload it to AWS in such a way that I don't need to do any setting on godaddy. As you can see, I am not a tech guy, can you please explain how to do it...
Thanks
Hi Pythoholic! Thank you for your video! It's very helpful. I was wondering about it being free? Some hosting I know will have a monthly charge after a year. Would the only thing I have to pay is the custom domain name and then if I host with aws it would be free forever?
It wouldn't be free after one year, you can purchase a domain and link it. You can do that in route53.
Love your content tnx!
Than you
My index file works perfectly when I click on it from my file browser, but not when I upload it. It is missing formatting.
please help i followed all steps still access denied also my option make public with acl is not highlighting idk why
please check the new video on aws cloud quest i have given the latest way to do it
what a nice video! thank you
I am a beginner..as u said this would be publically accessible ..how could I allow for specific set of users to access this site we created?
You can use a ACL, or a WAF firewall rule that allows only the set of user you want.
Thank you so much for this video. Does the index have to be .html? My index is set as index.htm
thanks, you can try that if it works. usually u can have any name as long as you make it the main file for the static page.
@@Pythoholic I got it working, they updated their procedures. You have to add a script to the bucket policy and then the permissions work.
I am getting this error while loading index.html:
This XML file does not appear to have any style information associated with it. The document tree is shown below.
AccessDenied
Access Denied
F0Q949CN074JPR9F
m1KprnnAkYL6TBd8eAMfFTqJC1EAahgwx7dPNjpk0EaQ6EY5PYbRtyWCkiSVUjX0VGawrKxicfE=
Please watch my new video on this topic. It's on the channel th-cam.com/video/5DfPaNp14ow/w-d-xo.html
why my images are not displayed when i upload folders. it displays when i open from. desktop but not in index. html
Upload you images folder also
i wanted to automate this with my github repo, I don't wanted to upload the folder
Very handy, exactly what I needed. Thank you
i wanna host the website with my custom domain, how can i change that random aws domain to my purchased domain?
This is for the custom domain with route 53
docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html
aws.amazon.com/getting-started/hands-on/get-a-domain/
This is how u can register the domain
This is for third party
docs.aws.amazon.com/amplify/latest/userguide/to-add-a-custom-domain-managed-by-godaddy.html
Thank You Very Much +pythoholic 🤠
Thank you brother
thank you so much bro. I appriciate that
thank you so very much sir it helped me so very much
Awesome Bro. It really helps. Keep going. 👍👍👍
Thanks bhai 🙏
If we can host here in S3 then why people are using EC2 instances to host?
For dynamic websites and security hardening
what are all those files? how to do it
Thank you!!
9i
hi sir, helpful video, btw can we change our static website url??
yes but u might need to use route53 and have ur cname created
if u want custom url u might have to purchase a domain
@@Pythoholic ohk, and talking about aws...what about ibm cloud? you can change the domain name there?
Under Actions, make public is not clickable. Any solution?
there is a solution mentioned above in comments
Great tutorial
so if i searched for that website would i find it or would i have to register a domain name to be able to do that
You need to register a domain cause that will be ur public dns
Where did you get your website template from? I uploaded a random one from colorlib, but AWS just loads the file's code in text. Thanks in advance
I just created a bootstrap template actually* simple carousel, that's all
What if i made a backend?
Lovely video 👍
Thank you so much sir.....This video is awesome... Cleared by fear that will I be able to do this kind of task....(**I am a new bee in this field)
Thaankk youu soo much sir!!!!
Outstanding!
perfect, it works for me.
Where can I code for this please? You uploaded entire folder. Do we need all the files under that bucket for our static website
It's a process . You can use single file as well. It's your wish. It's my sample code. You can make use of sample htmls
Is it possible for the people to inspect this and see code of site
yes, they can its not protected persay with respect to content.
Thank you so much🥺
Thanks
Does it accept word press
Its for static website hosting, if you can create a structure with all the wordpress files and launch it successfully as a static site then mostly yes you might be able to use it in S3.
There are a lot of websites. Mostly we can refer to them. This was just a website with bootstrap and html templating. You can try to host one. Let me know.
Nice explanation sir 👌 really appreciated your efforts thank you
Sir if possible can you share the html file Or code for to practice
You can simply use a single html file .. no issues.. just create a plain html file with some text thats all.. that will also work..
Thank you ❤🙌
I developed JSP web application... Can I do the same in the video... To host my web application.. in aww
thank you, my html pages work properly, but my .aspx files are not opening and it gives error page, and when I redirect to an .aspx file, it downloads a file
I think u need to create object link in s3 and add it to your page, else it treats it as a downloadable content rather than a link
Aspx is a dynamic language. As far as I know Se works with HTML + CSS + JS + PHP (Static language)
aspx pages require a windows server with ASP.net installed. You cannot run aspx pages on an S3 bucket. You can only run aspx pages on a Windows server. S3 can be used only for static pages, such as .html. However, aspx pages are dynamic pages not static.
Can you do one video Boto3 uploading files to S3.
Sure I will be doing a series for python with aws soon. Keep supporting. I will be including yours aswell.
@@Pythoholic looking forward to it.
Can i personalize that link and create own domain?
yes please buy a domain and register with route 53
I have owned a domain name, how can I use that after hosting, instead of aws.... bla bla in the url?
Please follow this : docs.aws.amazon.com/AmazonS3/latest/userguide/website-hosting-custom-domain-walkthrough.html
@@Pythoholic Thanks, also does AWS charge anything for a year if I put my static website on S3 and use Route 53?
yes it will but only for the service that you use. you might have to check the charges for route 53 and s3 for how much they provide in free tier
@@Pythoholic okay thanks :)
how to access the webiste with custom domain name
docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html
how to get users inputs and store on the database sir
Like if u want you can use python or other SDK and write models by creating user inputs using frameworks like api and rest and then feed it to the model
@@Pythoholic i have used php to store it to the base but i cant receive the inputs
If it's a static website there won't be a calling function that can execute the operations
Bucket action not working
Please check the ACL
Is there any way to customise the website link?
If you could create a DNS record (cmake) entry and attach it. You can.
did not work
Try again
@@Pythoholic ur tutorial is the problem I followed every step and it gives me an error still
Okay if my tutorial.is the problem. Let me know what didn't work.
how to add post to website? or where user can put comment?
That might not be handy with a simple html website, you should make use of a datastore.
@@Pythoholic yeah i know about that i mean for instance is possible to use WordPress on this free hosting and have users and all the fancy things
How do I add a domain name?
using route53 cname
Nice video
In static web hosting ,when you enter index.html (this file you already you have or generated automatically)plzz tell me
I already had this file … index.html
@@Pythoholic only html file will work there?
yes static file only
@@Pythoholic Thank you for ur quick response👍
hey brother i hosted web successfully but I'm unable to see other file on that web lik i uploaded an image but i can't see thier
Thanksss
can you please send the folder to be uploaded
It's just a process . You can use single file as well. You can make use of sample htmls
Hey is this free? I want to host a website providing with notes for this semester to my juniors
This is for free and it will be there till your free tier account expires. This is just a demo to show that you can host free website on S3
What will be the cost after the free tier expires?
aws.amazon.com/s3/pricing
How to use my own domain?
with route53 by creating the record
Is their video you make how to make static web site..???
Yes it's on the playlist. And on the channel as well
I think this is the one from which u commented
Is it for 1 year
Yes the free tier account is for one year
Host a website using github pls
can i get your website folder
www.tutorialstonight.com/sample-html-code-for-homepage
You can make use of this I had also taken inspiration from a local site
can you upload this website source file
Will do that, for now You can use a single HTML file as well. Nothing fancy.
good
Done✅✅
cool video bro, u think this is easy to hack?
This is just a sample way to host. But may not be a actual secure way. We need to follow several other steps to make it secure
W
Soo looong url 😔
You can use a custom domain as well.
@@Pythoholic like example.aws.com??
your too much ok is so irritating
i know. i have tried improving it. sorry for that
@@Pythoholic hey , thats ok.. no need to be sorry .. we are all same. all have some irritating habits.. chill.. :) btw I came across your content today only. I liked the you have put in.. Thanks for sharing .
@@sukhjitkaur3718 Hey no issues. based on your feedback i have removed them by editing. It should be updated by youtube in a few hours. Hopefully, it should be good. :D
@@Pythoholic That's so humble of you. but editing was really not required. But thanks for taking ppl's feedback so positively. :)
no worries