Cloudfront, Web app on EC2 and S3 Bucket

Question

Just want to confirm if below is correct traffic flow

This is without CloudFront. Below is the traffic flow for user to

- retrieve audio file list from application.
- play audio file from application.

![Enter image description here](/media/postImages/original/IMKSdIt9LLSyCVzZLjMNdg1w)
![Enter image description here](/media/postImages/original/IMmT6k_cNWR4ewGyPlD9goCg)

When introducing CloudFront, below is the traffic flow. I know there are other solutions for streaming the audio file directly from S3 bucket. But this is our solution and we already confirmed this solution. Just that I want to confirm if this traffic flow is correct.
![Enter image description here](/media/postImages/original/IMKq4-hZzTTVqZfhOdJim4WQ)
![Enter image description here](/media/postImages/original/IM9YMCrROoQcKuj8khqrRUGA)

Answer

Hello.

I think it depends on how the application and front end are created, but I think the traffic flow itself is appropriate.  
Since I am using CloudFront and S3, I thought it would be a good idea to host not only video files but also static files hosted on EC2 etc. on S3.  
https://docs.aws.amazon.com/prescriptive-guidance/latest/patterns/deploy-a-react-based-single-page-application-to-amazon-s3-and-cloudfront.html

Cloudfront, Web app on EC2 and S3 Bucket

Relevant content