ECS Fargate蓝绿部署：appspec.yml无法用sh脚本及.env变量更新求助

针对你遇到的ECS Fargate蓝绿部署下React应用BASE_URL自动更新的问题，以下是几个可行的实现方案：

方案1：CodeBuild阶段动态注入环境变量（推荐） #

React在构建时会将.env中的变量嵌入到静态资源中，因此无需在运行时修改，直接在构建阶段根据部署阶段设置对应变量即可：

• 在CodeBuild的buildspec.yml中，根据当前部署的蓝/绿环境标识，动态生成.env文件：

  version: 0.2
  phases:
    build:
      commands:
        # 根据CodePipeline传递的部署阶段参数判断环境
        - if [ "$DEPLOY_PHASE" = "TEST_TRAFFIC" ]; then
            TARGET_BASE_URL="green.mybackapp.com";
          else
            TARGET_BASE_URL="blue.mybackapp.com";
          fi
        - echo "REACT_APP_BASE_URL=$TARGET_BASE_URL" > .env.production
        - npm install
        - npm run build
  artifacts:
    files:
      - '**/*'
    base-directory: build
  

• 可以通过CodePipeline的环境变量或者在部署前传递参数的方式，让CodeBuild获取当前所处的部署阶段（测试流量/全量切换）。
• 构建完成后，镜像已包含正确的BASE_URL，直接推送ECR即可。

方案2：Lambda钩子+SSM参数存储+容器启动脚本 #

利用CodeDeploy的Lambda钩子更新参数存储，容器启动时拉取参数生成.env：

1. 创建SSM参数：在AWS Systems Manager中创建参数（如/react/app/base_url），用于存储当前的BASE_URL值。
2. 编写Lambda钩子函数：
   • AfterAllowTestTraffic钩子Lambda：调用SSM的PutParameter接口，将参数值更新为green.mybackapp.com
   • BeforeAllowTraffic钩子Lambda：同理将参数值更新为blue.mybackapp.com
3. 修改容器启动脚本：在React容器的启动脚本中，从SSM拉取参数并设置环境变量（需确保ECS任务角色拥有SSM读取权限）：

   export REACT_APP_BASE_URL=$(aws ssm get-parameter --name "/react/app/base_url" --query "Parameter.Value" --output text --with-decryption)
   nginx -g 'daemon off;'
   

4. 更新appspec.yaml：配置钩子为Lambda函数ARN：

   version: 0.0
   Resources:
     - TargetService:
         Type: AWS::ECS::Service
         Properties:
           TaskDefinition: <TASK_DEFINITION>
           LoadBalancerInfo:
             ContainerName: "nginx"
             ContainerPort: 80
   Hooks:
   - AfterAllowTestTraffic: "arn:aws:lambda:你的区域:你的账号ID:function:UpdateBaseUrlToGreen"
   - BeforeAllowTraffic: "arn:aws:lambda:你的区域:你的账号ID:function:UpdateBaseUrlToBlue"
   

方案3：Lambda钩子更新Task Definition环境变量 #

通过Lambda直接修改ECS Task Definition的环境变量：

1. 编写Lambda函数：
   • 在AfterAllowTestTraffic阶段：复制当前Task Definition，修改REACT_APP_BASE_URL为green.mybackapp.com，并创建新的Task Definition版本。
   • 在BeforeAllowTraffic阶段：同理修改为blue.mybackapp.com。
     （Lambda需拥有ECS Task Definition的创建/修改权限）
2. 更新appspec.yaml：将钩子配置为对应Lambda的ARN，确保部署时使用更新后的Task Definition。

内容的提问来源于stack exchange，提问作者Jeyhun Rashidov