This how-to describes how to serve your frontend app from an AWS S3 bucket and configure it to use an edX sandbox as it's backend. The instructions here assume that you already have a personal AWS account created with credentials configured for the AWS CLI.
...
- Create a new web distribution using AWS Cloudfront in the AWS console.
- Set Origin Domain Name to the hostname of the sandbox you created e.g. douglashall.sandbox.edx.org.
- Set Origin Protocol Policy to HTTPS Only.
- Set Viewer Protocol Policy to Redirect HTTP to HTTPS.
- Set Allowed HTTP Methods to GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE.
- Set Forward Cookies to All.
- Set Query String Forwarding and Caching to Forward all, cache based on all.
- Set Alternate Domain Names to the desired subdomain of your custom domain e.g. lms.goodtimes.org where goodtimes.org is the custom domain you registered.
- Set SSL Certificate to Custom SSL Certificate and select the certificate that you created above.
- Click Create Distribution and wait for it to be deployed (this may take awhile).
- Once the distribution has been deployed you will be able to access your sandbox using the custom subdomain you specified e.g. lms.goodtimes.org.
Create S3 Bucket
We will sync our built frontend app with an S3 bucket from which it will be served to end users.
- Create a new S3 bucket using the AWS console.
- The bucket name should match the subdomain you which to use to server your frontend app e.g. gradebook.goodtimes.org.
- You want to allow public access to the bucket, so uncheck all the options under "Public access settings for this bucket".
- dldPublic access s for this bucket
Related articles
https://medium.com/@itsmattburgess/hosting-a-https-website-using-aws-s3-and-cloudfront-ee6521df03b9
...