使用 ngInx 在 EC2 托管的 AWS Mean Stack 中设置 SSL(https)

Question

我正在尝试为 SSL / https 设置我的网站，并且我正在执行我在 Web 上看到的步骤，但遇到了一些问题。请指导。

我的步骤是：

1. 在 AWS 的 EC2 上托管我的 MEAN 堆栈网站。

2. UI 和后端都在节点服务器上运行，Angular 作为 Angular Universal SSR 运行。

3. 在http://www.gabruism.com 上托管的站点名称并收到“不安全”提示。

4. 我的nginx配置是这样的：

   服务器{ 字符集 utf-8； 听 80 default_server; server_name _;
   地点 / { proxy_pass http://localhost:4000/; }
   位置 /api/ { proxy_pass http://localhost:8080/; } }

   4000 在节点服务器上运行 Angular SSR，8080 在节点服务器上运行 Express 后端。

5. 然后，我从 AWS Certificate Manager 创建了证书并在 DNS 中对其进行了验证，并将其添加到 Route 53 中的 CNAME。

6. 之后，我在 AWS 中为此证书创建 Cloudfront。我得到了这个 URL，它在 https 加载我的网站，但我的 http API 不起作用（它需要 https API 的已知原因 - 如何解决？）。 https://da64unrkw26hn.cloudfront.net/home

7. 现在，我的问题开始了。请看一下。

作为一名全栈程序员，我自己创建了整个 MEAN 栈网站，然后将其托管在 AWS 上。但是，我现在卡在 SSL 上。

1. 我是否在这里进行了过度设计以实现 SSL？
2. 最简单的问题：如何在 EC2 上使用上述 ngInx 配置运行的 MEAN 网站上启用 SSL（请记住 Angular 代码本身作为服务器端渲染的一部分在节点服务器上运行）
3. 到目前为止，我为实现 SSL 所做的哪些步骤是不需要的，还应该做些什么？
4. 如何使 route53 中的 gabruism.com 条目指向云端 url？我需要替换以前的 cname 吗？

请指导我，因为各种文档让我感到困惑。谢谢。

Answer 1

问题在于您的Step 5

而不是跟随这个。

1. 转到 Cloud front 并打开您的发行版
2. 在“常规”选项卡中单击“编辑”按钮
3. 在备用域名中输入您的域名。在您的情况下，它是 www.gabruism.com 和 gabruism.com。第二个条目应在新行中输入。
4. 点击右下角的“是，编辑”。
5. 然后转到 Route53 并选择您的托管区域（假设您使用 Route53 的新 UI）
6. 点击创建记录（右上角按钮）
7. 选择简单路由并单击下一步
8. 定义简单记录
9. 输入“www”作为记录名称
10. 对于值/路由流量选择“别名到 CloudFront 分配”
11. 下一步选择您的地区并选择您的分布
12. 将记录类型保留为“A”，然后单击“定义简单记录”
13. 重复这些步骤 6-12 以获取更多没有名称的记录，使其指向 gabruism.com

确保您在 CloudFront 分配中提到的备用 CNAME 与 Route53 记录名称匹配