时间戳

首页 > 解决方案 > 将 AWS Amplify 前端与 EC2 实例连接起来？

amazon-web-services - 将 AWS Amplify 前端与 EC2 实例连接起来？

问题描述

所以，我现在正在做一个黑客马拉松项目，为了演示，我通过 Elastic Beanstalk 在 EC2 上启动了一个 NodeJS Express 服务器。在本地使用我们的前端测试服务器的 API 时，它工作得非常好。

现在我们已经将前端部署到 AWS Amplify，在 Route53 中设置了一个域名，并将所有内容连接起来。当我们进入域时，我们的前端看起来很棒，但是当我们尝试使用连接到服务器 API 的功能时，我们得到一个net::ERR_SSL_PROTOCOL_ERROR.

做一些研究，看起来（？）我们必须在 EC2 前面的 Classic Load Balancer 上设置一个证书。所以我申请了一个证书，并在负载均衡器上创建了一个监听器，如下所示：

负载均衡器协议 负载均衡器端口 实例协议 实例端口
HTTPS 443 HTTPS 3000

但是现在我意识到，如果这样设置，我仍然不知道如何将 React 前端的 API 调用指向负载均衡器而不是 EC2，或者监听器是否设置正确。有人知道我们应该在这里采取什么步骤吗？

对于应用程序的详细信息，后端是一个非常简单的启用 CORS 的 Express 应用程序，前端是一个相当标准的 React 项目，两者都没有什么特别之处。

标签： amazon-web-servicesamazon-ec2amazon-elastic-beanstalkaws-amplifyamazon-elb

解决方案

Instance Protocol应该是 HTTP。因此，您的设置仅在客户端和 CLB 之间使用 HTTPS：

Client--- (HTTPS) ---> CLB --- (HTTP) ---> EC2

此外，为了正确设置 HTTPS，您需要使用自己的域。您不能使用 EB 为您的应用程序提供的默认域。

推荐阅读