在Angular中配置SSL

Question

我有Spring Boot（后端）应用程序，它在Tomcat（端口8080）和Angular应用程序（前端）（端口4200）上运行。

前端从后端使用rest API。如何使用带有SSL的Ngin x保护我的应用程序？

我听说我可以在nginx中将我的Spring Boot配置为反向代理，然后用SSL保护它，但我不知道怎么做。

Answer 1

spring boot和nginx都应该配置为获取https。对于java和spring boot，您应该使用keytool创建证书文件，您可以在jdk/bin中找到它。

keytool -genkey -alias <desired certificate alias> 
-keystore <path to keystore.pfx>
-storetype PKCS12 
-keyalg RSA 
-storepass <password> 
-validity 730 
-keysize 2048 

然后把. p12文件放在application.properties.旁边

对于Spring启动，您应该在application.properties或application.yml中添加此选项：

 server.ssl.enabled=true
 server.ssl.key-store=classpath:client.p12
 server.ssl.key-store-password=<password>
 server.ssl.key-store-type=PKCS12
 server.ssl.key-alias=<desired certificate alias>

之后，我们应该创建证书文件的角和ngin x和添加一些配置，以nginx.conf.创建证书文件，你可以使用openssl工具。

    [req]
    default_bits = 2048
    prompt = no
    default_md = sha256
    x509_extensions = v3_req
    distinguished_name = dn

    [dn]
    C = US
    ST = utah
    L = US
    O = IT
    OU = IT Section
    emailAddress = [e-mail]
    CN = localhost

    [v3_req]
    subjectAltName = @alt_names

    [alt_names]
    DNS.1 = *.localhost
    DNS.2 = localhost

然后打开终端或cmd并运行以下命令：

#!/bin/bash

openssl req \
    -newkey rsa:2048 \
    -x509 \
    -nodes \
    -keyout server.key \
    -new \
    -out server.crt \
    -config ./openssl-custom.cnf \
    -sha256 \
    -days 365

然后将server.key和server.crt放在angular项目中，并将这些代码添加到nginx.conf:

listen                  443 ssl;
ssl_certificate           <path to .crt file>/server.crt;
ssl_certificate_key       <path to .key file>/server.key;
ssl_session_cache  builtin:1000  shared:SSL:10m;
ssl_protocols  TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers HIGH:!aNULL:!eNULL:!EXPORT:!CAMELLIA:!DES:!MD5:!PSK:!RC4;
ssl_prefer_server_ciphers on;

！要在ngin x中使用ssl，您应该使用端口443而不是80；！用于测试您的角度打开新选项卡并且不要使用旧选项卡