使用HTTPS在AWS S3上部署ReactJS应用程序

时间:2018-01-30 07:11:36

标签: reactjs amazon-web-services ssl amazon-s3

我想在AWS S3上部署ReactJS应用程序(我设法成功完成)。现在我需要以尽可能低的成本制作HTTPS。我怎样才能做到这一点?一个快速的谷歌搜索给了我一些名为Amazon CloudFront的东西我在那里感到困惑,我需要Dedicated IP SSL Certificate用HTTPS部署我的反应应用程序吗?

我已经提到有关使用S3部署的this问题。

由于

2 个答案:

答案 0 :(得分:2)

回答为什么我们需要使用Cloudfront:

  

注意:我们需要这样做,因为SSL证书只能分配给Cloudfront发行版或AWS ELB,因此您需要创建   一个为您的静态网站启用SSL。

这方面涉及的步骤很少,假设你已经正确设置了网站,那么在这里工作是一些步骤:

1)您需要从AWS(ACM)申请SSL Certifcate,它是免费的,您不会因此而感到愤怒,请遵循此AWS Documentation

  • 输入一个或多个域名,您要创建SSL证书 对于。你甚至可以使用通配符。
  • 验证您将收到与之关联的电子邮件地址的电子邮件 域。
  

注意:根据您的s3存储桶选择区域,因为Cloudfront仅接受在区域us-east-1中托管的证书

2)现在您需要创建Cloudfront Distribution

  • 创建新的Web分配并选择S3存储桶作为Origin 域名。选择 HTTPS 仅用于Viewer Protocol Policy
  • 在“分发设置”部分中,输入所需的域名 托管你的静态文件。
  • 除此之外,请保留所有默认设置,然后点击“Create distribution”

3)现在将SSL证书分配给您的Cloudfront分发

  • 返回Cloudfront并编辑您的发行版。现在你应该 能够选择您的全新SSL证书。 Select Custom SSL

希望这有助于..

答案 1 :(得分:2)

如果您想详细查找内容,可以快速浏览here。它只有2分钟的阅读时间,涵盖以下内容。

  • 使用Https云前端来响应Js部署
  • 子域
  • 配置AWS CLI并通过命令部署构建

https://bluebash.co/blog/react-deployment-with-aws-ssl-https-with-subdomain/