S3带有React的Amazon静态网站？

Question

我使用ReactJs建立了一个网站，通常要进行npm start并通过浏览器转到localhost：3000来查看该网站。

我现在想在S3上托管此网站，但没有EC2实例。 我的理解是npm是一个过程，因此它是服务器端的，因此，我需要购买计算才能实际部署我的网站。

我发现本教程没有提到为EC2实例计算时间付费： https : //www.fullstackreact.com/articles/deploying-a-react-app-to-s3/

但是，他们仍然使用NPM，这使我感到困惑。

我的问题是：如果我仅使用静态S3网站而不进行计算，是否可以使用React；如果可以，那么-如何绕过NPM流程？

反应-单独脚本中的组件不起作用

在上面的帖子中，用户尝试使hello-world应用程序做出反应，但是所有答案都将它们指向使服务器提供内容的方向。 我认为react是前端的东西，可以在没有服务器端进程的情况下运行。 这是真的？ 有人可以解释为什么node.js是必需的或与react配对，以及是否可以在没有ec2的情况下在s3上使用react？

Answer 1

可以将静态反应站点完全托管在s3上。 在这种情况下，您只能将node / npm用作构建工具并运行开发服务器（ localhost:3000 ）。

npm将下载您的依赖项，并且您将使用node或gulp或webpack将资产构建到静态文件中。

然后，您可以将文件上传到s3，在此它可以处理静态文件。

如果您有一些后端节点代码，则需要使用ec2或其他类型的主机。 但是，如果它完全是静态的javascript，则无需节点服务器。

以下是一些有助于详细说明的链接：

• https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af
• https://www.fullstackreact.com/articles/deploying-a-react-app-to-s3/

Answer 2

尝试盖茨比！ 此处： https ： //www.gatsbyjs.org/

在Github页面上：“ 为React燃烧快速的静态站点生成器 ”

生成静态页面后，您可以在S3，Github页面上进行部署……选择由您选择！

Answer 3

您可以根据情况跳过EC2。 原因如下：

1）S3存储桶+ CloudFront（CDN）对于静态文件服务而言确实非常快。 React缩小版应用程序是一组静态文件，在这里效果最好。 对于构建这些缩小的文件，我建议使用CI / CD流程或在本地构建它们，然后将其上传到S3。

2）EC2需要更多的工作来设置，它会消耗资源，对于静态文件或React来说不是必需的（除非您使用ReactDOMServer来提供动态内容服务），并且不建议将Node.js用于静态文件（Node.js的获取已被阻止）由于它是单线程的，因此最好的做法是使静态文件远离它。

这是一篇以Angular为例的关于该主题的好文章： https : //www.quora.com/Should-I-use-AWS-EC2-to-host-an-Angular-web-app-or-AWS- S3