aws-samples/aws-modern-application-workshop

Module-2B / Step 5 / B: Upload To S3: fails in firefox because of mixed content

Opened this issue · 1 comments

Description

In Module 2B / Step 5 / B: Upload To S3, after uploading the modified index.html where the mysfitsApiEndpoint has been replaced with the newly deployed ECS FARGATE container endpoint, the workshop suggest the user open the new Website where the list is generated by ECS Service.

However the index.html is served by S3 through https, while the mysfitsApiEndpoint is served through http. As a result Firefox refuse to load the list of misfits. It is confusing as you do not see anything in the UI such as the fact that Mixed_content in not allowed in Firefox...

Not sure how to solve this apart from having a valid SSL certificate for the misfit endpoint...

Step to reproduce

  • Follow the workshop till the step mentioned above
  • Open the website URL
  • Open the firefox console and you can see the error Blocked loading mixed active content “http://mysfits-nlb-xxxxxxxx.elb.eu-west-1.amazonaws.com/mysfits”

Expected result

  • Maybe an error message...
  • not sure

Try using http:// instead of https:// for your S3 website URL for now, eventually when you have configured your API gateway, you can use https:// again.