使用第4版授权签名从浏览器直接上传到S3

Question

我需要直接从浏览器上传一个文件到S3。开始时，我创建了一个脚本，该脚本正在工作，但为了授权，我需要将我的凭据accessKeyId和secretAccessKey放入其中，这是不安全的。

我发现我可以使用“授权签名”进行授权

这看起来不错，但我找不到在upload（）方法中将此授权头放在请求的何处。

我的授权标头示例：

授权：AWS4-HMAC-SHA256凭证=/20151016//s3/AWS4\U请求，SignedHeaders=内容类型；主办x-amz-date，签名=4EEE344A71A58623 FEBC4079024A27CB62F3D26546695422244FCEFE50D0168D

谢谢你的建议。

Answer 1

您可以随POST请求附上已签名的策略文档，以便使用AWS签名版本4进行安全身份验证。

如果您在节点上，则可以使用服务器上的aws-s3-form包生成客户端所需的必要表单数据，以便向s3发送成功的请求。

你可能想阅读我关于这个主题的博客文章，以获得全面的见解。

let AwsS3Form = require('aws-s3-form')

[...]

// A hapi.js server route
server.route({
  method: ['GET',],
  path: '/api/s3Settings',
  config: {
    auth: 'session',
    handler: (request, reply) => {
      let {key,} = request.query

      let keyPrefix = `u/${request.auth.credentials.username}/`
      let region = process.env.S3_REGION
      let s3Form = new AwsS3Form({
        accessKeyId: process.env.AWS_ACCESS_KEY,
        secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY,
        region,
        bucket,
        keyPrefix,
        successActionStatus: 200,
      })
      let url = `https://s3.${region}.amazonaws.com/${bucket}/${keyPrefix}${key}`
      let formData = s3Form.create(key)
      reply({
        bucket,
        region,
        url,
        fields: formData.fields,
      })
    },
  },
})

let R = require('ramda')

let ajax = require('./ajax')

class S3Uploader {
  constructor({folder,}) {
    this.folder = folder
  }

  send(file) {
    let key = `${this.folder}/${file.name}`
    return ajax.getJson(`s3Settings`, {key,})
      .then((s3Settings) => {
        let formData = new FormData()
        R.forEach(([key, value,]) => {
          formData.append(key, value)
        }, R.toPairs(s3Settings.fields))
        formData.append('file', file)

        return new Promise((resolve, reject) => {
          let request = new XMLHttpRequest()
          request.onreadystatechange = () => {
            if (request.readyState === XMLHttpRequest.DONE) {
              if (request.status === 200) {
                resolve(s3Settings.url)
              } else {
                reject(request.responseText)
              }
            }
          }

          let url = `https://s3.${s3Settings.region}.amazonaws.com/${s3Settings.bucket}`
          request.open('POST', url, true)
          request.send(formData)
        })
      }, (error) => {
        throw new Error(`Failed to receive S3 settings from server`)
      })
  }
}

Answer 2

我已经找到了解决这个问题的办法。我的解决方案基于此站点的示例。

在最终的解决方案中，我不使用javascript SDK，而是使用post表单和授权输入以及post参数发送的内容。