如何在React Native项目中不使用AWS Amplify读取S3对象

方案1：使用适配React Native的S3 SDK组合 #

AWS SDK v3本身没有完全适配React Native，但可以通过搭配工具包规避Node.js标准库依赖问题，具体步骤如下：

1. 安装必要依赖：

npm install @aws-sdk/client-s3 @aws-sdk/util-create-request @aws-sdk/util-format-url react-native-blob-util

2. 实现读取逻辑：

import { S3Client, GetObjectCommand } from "@aws-sdk/client-s3";
import { createRequest } from "@aws-sdk/util-create-request";
import { formatUrl } from "@aws-sdk/util-format-url";
import RNBlobUtil from 'react-native-blob-util';

// 初始化S3客户端，替换为你的AWS区域和凭证
const s3Client = new S3Client({
  region: "your-region",
  credentials: {
    accessKeyId: "your-access-key-id",
    secretAccessKey: "your-secret-access-key"
  }
});

async function getS3Object(bucketName, objectKey) {
  try {
    const command = new GetObjectCommand({
      Bucket: bucketName,
      Key: objectKey
    });
    // 生成预签名请求URL
    const request = await createRequest(s3Client, command);
    const url = formatUrl(request);
    
    // 用react-native-blob-util处理请求，规避stream依赖
    const response = await RNBlobUtil.fetch('GET', url);
    // 根据对象类型选择处理方式：文本用text()，二进制用base64()
    const content = response.text();
    return content;
  } catch (error) {
    console.error('读取S3对象失败:', error);
    throw error;
  }
}

⚠️ 注意：硬编码永久AWS凭证存在安全风险，建议通过后端生成STS临时凭证供前端使用，避免将敏感信息打包在App中。

方案2：后端生成预签名URL（推荐） #

这是最安全且简洁的方式，完全不需要在React Native中引入任何AWS SDK：

1. 后端（以Node.js为例）生成预签名URL：

const { S3Client, GetObjectCommand } = require("@aws-sdk/client-s3");
const { getSignedUrl } = require("@aws-sdk/s3-request-presigner");

const s3Client = new S3Client({ region: "your-region" });

async function generatePresignedUrl(bucketName, objectKey) {
  const command = new GetObjectCommand({ Bucket: bucketName, Key: objectKey });
  // 生成有效期1小时的预签名URL
  const url = await getSignedUrl(s3Client, command, { expiresIn: 3600 });
  return url;
}

2. React Native前端调用后端接口获取URL并访问：

async function fetchS3Object() {
  try {
    // 调用后端接口获取预签名URL
    const apiResponse = await fetch('https://your-backend.com/get-presigned-url', {
      method: 'POST',
      body: JSON.stringify({ bucket: 'your-bucket', key: 'your-object-key' })
    });
    const { presignedUrl } = await apiResponse.json();
    
    // 直接访问预签名URL获取对象内容
    const s3Response = await fetch(presignedUrl);
    const content = await s3Response.text();
    return content;
  } catch (error) {
    console.error('获取S3对象失败:', error);
    throw error;
  }
}

这种方式既解决了SDK依赖问题，又避免了前端暴露AWS凭证，完全不需要Amplify的复杂配置。

方案3：直接访问公开对象（仅适用于非敏感数据） #

如果你的S3对象允许公开访问，可以开启存储桶的静态网站托管，直接通过域名访问：

async function fetchPublicS3Object() {
  try {
    const url = 'https://your-bucket.s3.your-region.amazonaws.com/your-object-key';
    const response = await fetch(url);
    const content = await response.text();
    return content;
  } catch (error) {
    console.error('获取公开S3对象失败:', error);
    throw error;
  }
}

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