代码之家 › 专栏 › 技术社区 › James

ReactJS:从S3渲染私有图像资源

amazon-s3 react-native amazon-web-services reactjs node.js

James · 技术社区 · 7 年前

我正在使用NodeJS后端API服务器,它允许前端(ReactJS/React Native)使用表单数据上传图像。这是我正在使用的代码:

const s3 = new aws.S3({
  accessKeyId: process.env.AWS_ACCESS_KEY_ID,
  secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
  region: "us-east-1",
});

...

const upload = multer({
  storage: multerS3({
    s3,
    bucket: process.env.AWS_BUCKET,
    acl: 'private',
    metadata(req, file, cb) {
      cb(null, {fieldName: file.fieldname});
    },
    key(req, file, cb) {
      cb(null, Date.now().toString() + '.png');
    }
  })
})

...

app.post('/upload', upload.single('photo'), (req, res, next) => {
  res.json(req.file)
})

AWS_ACCESS_KEY_ID 和 AWS_SECRET_ACCESS_KEY .

/render 以某种方式流到后端?如果是,我怎么做?

AWS\访问\密钥\ ID AWS\u密钥\u访问\u密钥 用户的密钥?

2 回复 | 直到 7 年前

James 7 年前

经过多次尝试和错误,我发现最优雅的解决方案是让NodeJS负责与S3的通信。前端将 GET

  app.get("/image/:imageId", function(req, res, next) {
    var params = { Bucket: keys.AWS_BUCKET, Key: req.params.imageId };
    s3.getObject(params, function(err, data) {
      if (err) {
        return res.send({ error: err });
      }
      res.send(data.Body);
    });
  });

为什么我认为这比 卢博斯克

首先,我不会在任何时候向公众公开资产。我只不过是露了点头而已路由到最终用户。

第二,如果我想限制对这条路线的访问,我可以简单地使用 passportJS

luboskrnac 7 年前

解决方案很简单:

随机化S3 URL,使其不可猜测(例如,使用UUID)
公开这些资产

这是非常相同的概念,例如谷歌文档,Dropbox使用当你分享一个链接,并发送给某人。世界上的每个人都可以阅读这个链接,但是如果链接是不可猜测的,那么只有当你共享这个链接时,才能访问这个资产。

J. Jerez 5 年前

Amplify 相反。

推荐文章

hallibut · Lambda功能不工作的SST热重新加载

1 年前

Tim · 在java中,有没有更快的方法将字节数组写入文件?

1 年前

Tom McLean · 如何使用证书管理器制作的证书在AWS上创建到mongodb实例的TLS/SSL连接?健康检查失败

1 年前

Nuñito Calzada · AWS SDK 1.12.780 Java版的凭据

1 年前

Sampgun · CDN调用与lambda调用的巨大差异

1 年前

Mario MateaÈ · 无法从Elastic Beanstalk的EC2实例访问外部MongoDB Atlas数据库

1 年前

Tiago · 如何允许从一个安全组到另一个组的所有流量?

2 年前

Ercan Koc · 使用EKS和RDS Aurora在My VPC中努力切换到IPv6

2 年前

Andrew · CloudWatch错误:规则JobFailureRule应在堆栈范围内创建,但找不到堆栈

2 年前

explorer · AWS SageMaker项目模板创建失败

2 年前