Issue:
- When I access my website https://www.guidancecoding.com/ and try to login It shows unsecure, even though SSL certificate is present in the browser.
Questions:
- Any thought as to why it is happening?
- Any idea how to resolve it?
- Does anyone need more information to better understand this problem.? There is too much information in the whole process and I am not sure what will add value. It will be great if you guys can feel free to ask me for relevant information.
Description:
- website: https://www.guidancecoding.com/ .
- I am trying to deploy(Angular+ springboot) application in s3 and Ec2 using elastic beanstalk.
- S3 is where my Angular static content is present.
- Ec2 along with a loadbalancer serves the spring-boot API.
- CloudFront origin is S3.
Important notes:
An SSL certificate for guidancecoding.com and www.guidancecoding.com is created and installed in loadbalancer using elastic bean stalk. (Mumbai region)
An SSL certificate for guidancecoding.com and www.guidancecoding.com is created in N. Virginia for AWS CloudFront. (This is a requirement).
Project Architecture:
- Domain Name (guidancecoding.com) points to cloudfront url.
- Cloudfront points to Angular app in S3 bucket.
- Once app is open in browser, the browser makes API request to elastic bean environment for data.
Image for reference:
Additional information from safari console.
