React新手求助：如何为AWS Batch传递凭证？

针对你的场景（React运行在AWS私有子网，通过ALB访问），以下是几种可行的方案，按安全性和易用性排序：

方案1：通过后端代理请求（最推荐，适合私有子网环境） #

因为你的React应用处于私有子网，完全可以通过后端服务中转Batch API请求，避免前端直接处理AWS凭证：

• 搭建一个简单的后端服务（比如Lambda、ECS容器、EC2上的API），给这个服务绑定IAM角色，并为角色添加AWS Batch所需的权限（如batch:SubmitJob、batch:CancelJob、batch:DescribeJobs）。
• React前端只需要向后端接口发送任务请求（比如POST /submit-batch-job），由后端服务负责调用AWS Batch API（后端的AWS SDK会自动从IAM角色获取凭证，无需手动配置）。

示例后端代码（Node.js）：

import { BatchClient, SubmitJobCommand } from "@aws-sdk/client-batch";

// 后端自动通过IAM角色获取凭证，无需手动传入
const batchClient = new BatchClient({ region: "你的区域" });

export async function submitBatchJob(req, res) {
  const { jobDefinition, jobName, jobQueue } = req.body;
  const command = new SubmitJobCommand({
    jobDefinition,
    jobName,
    jobQueue,
    // 按需添加其他任务参数
  });

  try {
    const response = await batchClient.send(command);
    res.json(response);
  } catch (error) {
    res.status(500).json({ error: error.message });
  }
}

方案2：使用Amazon Cognito身份池（前端直接调用API的标准方案） #

如果确实需要前端直接调用AWS Batch，可以用Cognito身份池来安全获取临时凭证：

1. 创建Cognito身份池，配置未认证/认证用户角色，并为角色添加AWS Batch的操作权限。
2. 在React项目中安装@aws-sdk/credential-providers包，用Cognito身份池生成凭证。

示例React代码：

import { BatchClient, SubmitJobCommand } from "@aws-sdk/client-batch";
import { fromCognitoIdentityPool } from "@aws-sdk/credential-providers";

const batchClient = new BatchClient({
  region: "你的区域",
  credentials: fromCognitoIdentityPool({
    identityPoolId: "你的Cognito身份池ID",
    region: "你的区域",
  }),
});

// 调用SubmitJob的示例
async function submitJob() {
  const command = new SubmitJobCommand({
    jobDefinition: "你的任务定义ARN",
    jobName: "test-job",
    jobQueue: "你的任务队列ARN",
  });

  try {
    const response = await batchClient.send(command);
    console.log("任务提交成功", response);
  } catch (error) {
    console.error("提交失败", error);
  }
}

绝对要避免的做法 #

不要在React代码中硬编码AWS Access Key和Secret Key，哪怕是私有子网环境，前端代码会被用户浏览器下载，凭证极易泄露，导致严重安全风险。

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