amazon web services - How to enable https for a dev environment on Angular app

Question

I have created a website using angular that I am hosting on AWS EC2. I have done some research into how to get my server to be secure with https, and it looks like here are my options:

1. use angular, add https into angular app
2. use AWS, use load balancers and use https listener

However, I am new to both AWS and Angular and don't really know where to go from here. My web server is run on Ubuntu, and the 2 tutorials on AWS are for Windows or Linux. Any resources/suggestions?

question from:https://stackoverflow.com/questions/65651032/how-to-enable-https-for-a-dev-environment-on-angular-app

Answer 1

Angular provides the way to run your website on SSL

ng serve --ssl 

Also, you can add SSL cert path in the angular.json file:

{
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "projects": {
       "<PROJECT-NAME>": {
           "architect": {
               "serve: {
                   "options": {
                       "sslKey": "<relative path from angular.json>/server.key",
                       "sslCert": "<relative path from angular.json>/server.crt",
                       ...
                   }, ...
               }, ...
           }, ...
       }, ...
   }, ...
}

you can setup load balancer on EC2 instance using this guide:

https://docs.aws.amazon.com/elasticloadbalancing/latest/classic/elb-create-https-ssl-load-balancer.html