我是:
– 创建Web应用程序
– 带有ng-file上传的AngularJS前端(
https://github.com/danialfarid/ng-file-upload)
– Node.js后端
– 希望能够将图像上传到我的Amazon S3存储桶
我正在尝试按照本教程:
https://github.com/danialfarid/ng-file-upload/wiki/Direct-S3-upload-and-Node-signing-example
本质上,程序流程是选择文件,单击按钮,从后端请求签名,然后上传到S3.
我从后端收到代码200的签名,但是当前端尝试上传图像时,我在开发人员菜单中看到了这一点:
选项https://mybucket.name.s3-us-east-1.amazonaws.com/ net :: ERR_NAME_NOT_RESOLVED
是我的代码是问题还是我设置我的桶的方式?
如果需要,添加代码:
我的S3存储桶上的CORS
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
<CORSRule>
<AllowedOrigin>my.computers.IP.Address</AllowedOrigin>
<AllowedMethod>PUT</AllowedMethod>
<AllowedMethod>POST</AllowedMethod>
<AllowedMethod>DELETE</AllowedMethod>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
Node.js后端代码
app.post('/signing', function(req, res) {
var request = req.body;
var fileName = request.filename
var extension = fileName.substring(fileName.lastIndexOf('.'));
var today = new Date();
var path = '/' + today.getFullYear() + '/' + today.getMonth() + '/' + today.getDate() + '/' + uuid.v4() + extension;
var readType = 'private';
var expiration = moment().add(5, 'm').toDate(); //15 minutes
var s3Policy = {
'expiration': expiration,
'conditions': [{
'bucket': aws.bucket
},
['starts-with', '$key', path],
{
'acl': readType
},
{
'success_action_status': '201'
},
['starts-with', '$Content-Type', request.type],
['content-length-range', 2048, 10485760], //min and max
]
};
var stringPolicy = JSON.stringify(s3Policy);
var base64Policy = new Buffer(stringPolicy, 'utf-8').toString('base64');
// sign policy
var signature = crypto.createHmac('sha1', aws.secret)
.update(new Buffer(base64Policy, 'utf-8')).digest('base64');
var credentials = {
url: s3Url,
fields: {
key: path,
AWSAccessKeyId: aws.key,
acl: readType,
policy: base64Policy,
signature: signature,
'Content-Type': request.type,
success_action_status: 201
}
};
res.jsonp(credentials);
});
AngularJS前端代码
App.controller('MyCtrl2', ['$scope', '$http', 'Upload', '$timeout', function ($scope, $http, Upload, $timeout) {
$scope.uploadPic = function(file) {
var filename = file.name;
var type = file.type;
var query = {
filename: filename,
type: type
};
$http.post('/signing', query)
.success(function(result) {
Upload.upload({
url: result.url, //s3Url
transformRequest: function(data, headersGetter) {
var headers = headersGetter();
delete headers.Authorization;
return data;
},
fields: result.fields, //credentials
method: 'POST',
file: file
}).progress(function(evt) {
console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total));
}).success(function(data, status, headers, config) {
// file is uploaded successfully
console.log('file ' + config.file.name + 'is uploaded successfully. Response: ' + data);
}).error(function() {
});
})
.error(function(data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
};
}]);
最佳答案 该示例包含一些我认为过度简化错误的内容.
var s3Url = 'https://' + aws.bucket + '.s3-' + aws.region + '.amazonaws.com';
这在很多时候都有效,但它并不是在S3中为对象制作URL的一贯有效方法.
它打破了至少两种情况,其中一种是你遇到过的情况.
S3的美国标准区域(位于AWS的us-east-1区域)的端点不是s3-us-east-1.amazonaws.com,因为如果它使用相同的格式其他地区.对于看似遗留/进化的原因,它只是s3.amazonaws.com,但也可以写成s3-external-1.amazonaws.com. (请记住,截至撰写本文时,S3已经存在了将近十年,并且该服务已经扩展和发展,同时保持向后兼容性 – 这是一项值得注意的壮举,但必然会导致某些惯例在第一眼看上去令人困惑.)
但是,所有存储桶 – 包括那些不在us-east-1中的存储桶 – 但不包括因第二个原因而破坏上述代码的存储桶(我还没有达到) – 可以简单地称为存储桶名称.s3.amazonaws.com – 如果您考虑DNS的层次结构特性,您可以看到它的工作原理:S3,在创建存储桶后的几分钟内,重新映射DNS中的特定主机名,以发送请求到正确的区域S3端点.
所以’.s3-‘aws.region如果写的话应该可以工作,简单地说’.s3′.
…当然,除非你在名字中创建了一个带圆点的桶.在这种情况下,您将遇到https问题(这是问题#2,上面提到),因为名称中带点的存储桶与S3提供的通配符SSL(TLS)证书不匹配(SSL中的设计限制)通配符证书,而不是S3本身).
如果这是一个问题,并且由于某种原因使用名称中没有点的存储桶是不可取的,那么您的网址必须以所谓的路径样式格式制作.这是虚拟样式格式的替代方法,其中存储桶名称位于主机名中.这里,存储桶名称是路径的第一部分:
https://s3[-region].amazonaws.com/bucket.name.with.dots/key-path
…而且,第一个组件只是美国标准(us-east-1)的s3或s3-external-1 …但是使用这种格式要求你匹配区域,不像上面那样,DNS处理请求路由…否则S3将抛出永久重定向错误.
http://docs.aws.amazon.com/AmazonS3/latest/dev/VirtualHosting.html
http://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region
这是一个很多信息,但希望有助于解释你不仅需要做什么不同,还有原因.