start - Obtenga angular-cli para servir sobre HTTPS

run angular with https

Question

Lo siguiente no parece hacer nada.

ng serve --ssl true --ssl-key <key-path> --ssl-cert <cert-path>

Crear el Certificado y la clave proporcionándolos en el directorio SSL predeterminado todavía no hace nada. Parece que ng server ignora por completo el parámetro --ssl y sigue diciendo que NG Live Development Server is running on http://localhost:4200.

Answer 1

CLI angular 6+

He actualizado mis propios proyectos, así que pensé que ahora también puedo actualizar esta respuesta.

Ahora colocará la ruta a su clave y certificado en su archivo angular.json de la siguiente manera:

{
   "$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",
                       ...
                   }, ...
               }, ...
           }, ...
       }, ...
   }, ...
}

Y luego puedes ejecutar:

ng serve --ssl

Si desea SSL activado de forma predeterminada, entonces debe agregar una opción "ssl": true, inmediatamente debajo de sslKey y sslCert .

Puede encontrar el esquema angular.json en la documentación de Angular CLI .

Antigua respuesta para Angular CLI 1.0.0+.

Angular-CLI ahora funciona con las opciones SSL. Como ha notado, puede seleccionar manualmente qué clave y certificado le gustaría usar con el comando:

ng serve --ssl --ssl-key <key-path> --ssl-cert <cert-path>

Si desea establecer una ruta predeterminada para su clave y certificado, puede ir a su archivo .angular-cli.json y ajustar la sección de Valores predeterminados en consecuencia:

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

Y luego puedes ejecutar:

ng serve --ssl

Si desea SSL activado de forma predeterminada, entonces debe agregar una opción "ssl": true, inmediatamente debajo de sslKey y sslCert .

Answer 2

CLI angular 1.0.0+.

ng serve --ssl 1 --ssl-key {{key-path}} --ssl-cert {{cert-path}}

CLI angular 6+

ng serve --ssl verdadero --sslKey {{key-path}} --sslCert {{cert-path}}

Cambie los valores en {{* -path}}, a los valores correspondientes.

Answer 3

Estás en lo correcto. La implementación actual no tiene en cuenta las opciones de configuración de SSL. He creado una solicitud de extracción que soluciona este problema. Sin embargo, aún no se ha fusionado en el maestro en el momento de escribir este artículo.

Answer 4

JFYI, en Angular6 tienes que poner la conf en las opciones (en angular.json):

"serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
        "browserTarget": "app:build",
        "ssl": true,
        "sslKey": "path to .key",
        "sslCert": "path to .crt"
    },
    ...
}

Answer 5

Para complementar esta solución, si alguna vez se pregunta cómo generar la clave y el certificado para localhost, aquí hay un gran artículo paso a paso al respecto:

https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec

Answer 6

Puedes usar

--ssl

o

"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "someapp:build", "ssl": true },

y se generará automáticamente un certificado SSL.

Luego, para que Chrome acepte un certificado autofirmado para localhost, vea esto SO

Answer 7

Solución muy simple de esta página.

npm install browser-sync --save-dev

ng serve --ssl verdadero --ssl-key /node_modules/browser-sync/lib/server/certs/server.key --ssl-cert /node_modules/browser-sync/lib/server/certs/server.crt

Rápido y audaz) Acabo de usarlo en mi proyecto angular cli 6.2.3