在 AWS BeanStalk 中使用 Spring Boot REST API 部署 React App答案

【问题标题】：Deploying React App with Spring Boot REST API in AWS BeanStalk在 AWS BeanStalk 中使用 Spring Boot REST API 部署 React App
【发布时间】：2020-02-07 00:30:27
【问题描述】：

我正在尝试分别部署 2 个实例（前端和后端）。目前，使用 SpringBoot 的 REST API 后端已作为 .jar 文件成功部署在 BeanStalk 中。现在，我从未在 AWS BeanStalk 中单独部署前端应用程序（在我的情况下是我的 React 应用程序），我一直在做我的研究，但我被困住了。我如何像在后端一样“编译”我的 React 应用程序并将其部署在 BeanStalk 中？

【问题讨论】：

标签： reactjs amazon-web-services devops amazon-elastic-beanstalk

【解决方案1】：

我知道了，以后任何人都需要帮助，您只需按照以下步骤操作即可：

创建存储桶并允许完全公开访问
进入权限 -> 存储桶策略 -> 添加此脚本

    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::(name-of-your-bucket)/*"
        }
    ]
}

将此添加到脚本下的 package.json 中

"deploy": "aws s3 cp --recursive ./build s3://(your-bucket-name)",

在终端中执行 npm run build
执行aws s3 cp --recursive ./build s3://(your-bucket-name) in terminal（您正在将构建文件夹中的构建文件上传到s3）
转到属性 -> 静态网络托管 -> 如果你使用 index.html，请指出它 -> 点击终点

【讨论】：

如何从 S3 访问 beanstalk？
@AhmedAziz 您需要启用 S3 的 IAM 策略，以便 beanstalk 从 S3 存储桶中获取内容