Enable HTTPS and a custom domain on you S3 bucket using CloudFront

Рет қаралды 7,025

Күн бұрын

#aws #serverless #cloudfront #s3
What is CloudFront and why do you need it for your web applications? In this video I’ll try to answer this question, as well as show you how you can use CloudFront to enable secure communication with HTTPS to a static webpage hosted on Amazon S3. We will also make use of a custom domain.
I will assume that you have watched my video on how to Create a Route53 Hosted Zone and certificates using AWS Certificate Manager: • AWS Route53 - Domain a... , or that you already know how to do that.
Timestamps:
- Intro: 0:00
- What is CloudFront: 1:20
- Create S3 Bucket: 4:24
- Create CloudFront distribution: 6:03
- Configure domain using Route53: 13:30
Resources:
- What is CloudFront: docs.aws.amazon.com/AmazonClo...
- Edge locations: aws.amazon.com/cloudfront/fea...
- Route53 / ACM video: • AWS Route53 - Domain a...
Subscribe button animation: touchtechnologyreview.com/sub...
Follow me on Github: github.com/endre-synnes

Пікірлер: 27

@seereal6736 21 күн бұрын

Thank you so much. I spent a lot of time searching Google without finding a solution, but after following your video, I finally managed to apply SSL to my website. I really appreciate your help!

@EndreSynnes 18 күн бұрын

That’s great you found it helpful 😄🙌🏼

@joelcampos3073 Жыл бұрын

Your diagram at 00:43 was fundamental for me to understand. Thank you.

@EndreSynnes Жыл бұрын

I'm glad It was helpful! 😄

@carloscontreraschavez4567 5 ай бұрын

excellent video, thank you very mutch Endre

@EndreSynnes 4 ай бұрын

Thank you so much!😄

@zubairameen 9 ай бұрын

Best tutorial ever!

@EndreSynnes 9 ай бұрын

Thank you so much 🙌🏼😄

@uchejordy3255 5 ай бұрын

Thank you Sir

@bastianbuld6131 Жыл бұрын

very concise video, easy to listen to and follow =) I might add that the origin access control settings in this videa are now legacy. (which is of course not the creators fault)

@EndreSynnes Жыл бұрын

Thank you so much! 😄 Yes I know, I will create an updated video regarding this 🙌

@OkolieRaymond Жыл бұрын

Hello I came across this video of yours that talks about Amazon CloudFront and S3. I have a set up like this (Amazon CloudFront Video Streaming using RTMP Distribution With S3) I inherited but the issue I am having is that of latency. The end users who view the live stream of this setup all experience a latency of greater than 15 secs and sometimes even 25 secs during live streaming. The application users use to access or create these live streams is a mobile application and encoding and transcoding is done via ffmpeg. Basically, when the user uploads a video, the video gets stored on an ec2 instance, where ffmpeg encodes and transcodes the video before sending the chunks to an s3 bucket that's the origin for the cloudfront distribution. I would like to inquire what i can do to achieve lower latency?

@EndreSynnes Жыл бұрын

Hi, tank you for your question :) I have very little experience working with live video streaming, but have you isolated the issue to be with CloudFront? Or can it be the video encoding/transcoding process being done on EC2? Also, have you tried using AWS Elemental MediaLive ( aws.amazon.com/medialive/ )?

@OkolieRaymond Жыл бұрын

@@EndreSynnes I also have little experience in troubleshooting CloudFront as I don't know maybe it is from the setting that I inherited there that the latency is from. AS regards the ec2 instance the transcoding/encoding process is running from, in the region I am presently running from I can only use is the C6i.xlarge. Aws Elemental is a very expensive option to go for. I will appreciate any help with troubleshooting from cloudfront maybe I can shave off some few secs from the present latency

@mhmaruf741 4 ай бұрын

Hello Endre , I have created s3 bucket and uploaded index.html file that is website , created custom url under object url, now custom url is not working , showing Not Found The requested URL was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Could you give me any solutions?

@EndreSynnes 3 ай бұрын

Hi, I'm sorry the late respons. Were you able to figure out the issue? It's hard for me to tell what the issue could be without seeing the configuration, but It may be some missing permissions where CloudFront can't access the S3 content. I will be publishing a new video replacing this one today (11am CET). It will among other things contain an update regarding how CloudFront access content in S3.

@vishalpathriya7986 6 ай бұрын

How can i add SSL in multiple subdomains?

@EndreSynnes 6 ай бұрын

Hi, I assume you mean having multiple sub domains registered to one CloudFront distribution? I haven't done that for a long time myself, but as I recall there shouldn't be any reason why you can't just add another sub-domain under "Alternate domain name (CNAME)", as long as the certificate you are using also include that sub-domain😄 Please let me know if this was unclear or if you have any issues with this 😄

@edwardvakhovsky891 6 ай бұрын

Fully followed the instructions, but it was done for the existing bucket and the site is still showing: Not Secure. I assume that some sort of record had to be deleted from the old set of records, but can't figure out which one

@edwardvakhovsky891 6 ай бұрын

Never mind. Found the answer. Needed to delete the aliased record with the domain name and recreate with the CloudFront

@EndreSynnes 6 ай бұрын

I see, great that you figured it out 😄🙌🏼

@witchestify 10 ай бұрын

hello I need help, I dont have OAI menu on my AWS :(

@EndreSynnes 9 ай бұрын

Hi😄 Sorry for the late response, but yes you won't find OAI in the menu anymore. Since uploading this video, AWS have replaced OAI with OAC. I will create a new video using OAC sometime in the future, but for now, I recommend reading this blog post from AWS: aws.amazon.com/blogs/networking-and-content-delivery/amazon-cloudfront-introduces-origin-access-control-oac/ I hope this was helpful😄

@gabrielmoreno8240 3 ай бұрын

how can i do it without the "hello"

@EndreSynnes 3 ай бұрын

Hi😄 What do you mean without the “hello”? The default root object: hello.html points to the hello.html inside the S3 bucket. You can of course change this to any file you want inside your S3 bucket😊 If you don’t set a default root object in CloudFront, then your user have to specify it when accessing your website (which isn’t ideal)😅 Please let me know if I misunderstood what you meant😊