【问题标题】:SignatureDoesNotMatch $cordovaFileTransferSignatureDoesNotMatch $cordovaFileTransfer
【发布时间】:2017-08-20 09:56:00
【问题描述】:

我正在尝试将视频上传到之前使用$cordovaCapture 录制的Amazon s3。

捕获过程正常工作,作为响应,我得到了object:

[MediaFile]
  0: 
    MediaFileend: 0
    fullPath: "file:/storage/sdcard/DCIM/Camera/VID_20160919_144041.mp4"
    lastModified: null
    lastModifiedDate: 1474288843000
    localURL: "cdvfile://localhost/persistent/DCIM/Camera/VID_20160919_144041.mp4"
    name: "VID_20160919_144041.mp4"
    size: 17098
    start: 0
    type: "video/mp4"
    __proto__: utils.extend.F
  length: 1
  __proto__: Array[0]

然后,在我上传视频之前,我向我的服务器请求Authenticating URL,如下所示:

nodeJS

getSignedUrl: function (filename, type, callback) {
  if (filename) {
    AWS.config.update({
      accessKeyId: 'my_access_key',
      secretAccessKey: 'my_secret_access_key',
      region: 'my_region'
    });

    var s3 = new AWS.S3();
    s3.getSignedUrl('putObject', {Bucket: 'my_bucket', Key: 'uploads/' + filename, ContentType: type}, function (err, url) {
      if (err) {
        callback(err);
      } else {
        callback(url);
      }
    });
  } else {
    callback('Error');
  }
}

这给了我下一个端点:

https://s3-my_region.amazonaws.com/my_bucket/uploads/VID_20160919_144…=video%2Fmp4&Expires=1474289746&Signature=sF67ukPu3oELJXzsmAXCeeEJ%2FE4%3D

在我得到URL 指向我的上传后,问题就出现在这里:

拥有此代码:

var options = {
  httpMethod: "PUT",
  fileName: name,
  mimeType: type,
  chunkedMode: 'false',
  encodedURI: 'false',
  headers: {
    "Content-Type": type
  }
};

$cordovaFileTransfer.upload(url, videoPath, options)
  .then(function (result) {
    callback(result);
  }, function (err) {
    callback(err);
  }, function (progress) {
    p = progress;
});

这是我得到的错误:

http status: 403
Code: 1
description: <?xml version="1.0" encoding="UTF-8"?>
<Error>
  <Code>SignatureDoesNotMatch</Code>
  <Message>The request signature we calculated does not match the signature you provided. Check your key and signing method.</Message>
  <AWSAccessKeyId>my_access_key</AWSAccessKeyId>
  <StringToSign>
    PUT
    video/mp4
    1474291133
    /my_bucket/uploads/VID_20160919_150347.mp4
  </StringToSign>
  <SignatureProvided>
    nwLEVBOarxi7YwyB4hJ2op4j1ms%253D
  </SignatureProvided>
  <StringToSignBytes>
    50 55 54 0a 0a 76 69 64 65 6f 2f....
  </StringToSignBytes>
  <RequestId>CC29DD761826BAFF</RequestId>
  <HostId>
    OHTLyBaAa29X04msYXqwmvr1Mw90wnPmkxXeU7pTOb9pFwDuuRXDC3AdLNwVIoEHnoUEsceWn24=
  </HostId>
</Error>

听起来问题出在 header 周围,但并没有按预期工作。

同样,我直接在cordova-plugin-file-transfer 的文档之后在我的客户中尝试了第二个选项code:

var options = new FileUploadOptions(),
  ft = new FileTransfer();

options.httpMethod = "PUT";
options.fileName = name;
options.mimeType = type;
options.headers = {
  ContentType: type
};
options.chunkedMode = "false";
options.encodeURI = "false";

ft.upload(videoPath, url, callback, callback, options);

同样的响应错误。

在这里我也遇到了Content-Type 的问题。即使在文档中声明如下:

var headers = {
  "Content-Type": 'video/mp4'
};

options.headers = headers;

它返回给我下一个错误:

http status: 501
description: <?xml version="1.0" encoding="UTF-8"?>
<Error>
  <Code>NotImplemented</Code>
  <Message>
    A header you provided implies functionality that is not implemented
  </Message>
  <Header>Transfer-Encoding</Header>
  <RequestId>231F38AFFBB587C6</RequestId>
  .
  .
  .
</Error>

作为说明,我使它与 $http.post 一起工作,就像我在 this 的其他帖子中一样。

更新

对问题进行更多调查,使用 nodeJS 代码我也无法上传任何内容,所以我只是像这样修改了 S3 构造函数:

s3 = new AWS.S3({
  signatureVersion: 'v4',
  region: "us-west-2"
});

之后,像这样通过控制台检查curl:

curl -v -H "Content-Type: application/octet-stream" --upload-file "/Users/my_user/Desktop/VID_20160920_233443.mp4" "https://s3-us-west-2.amazonaws.com/my_bucket/uploads/VID_20160920_233443.mp4?Content-Type=video%2Fmp4&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJV3UP7LBEKPYMLGA%2F20160921%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20160921T103723Z&X-Amz-Expires=600&X-Amz-Signature=8463625a45237452280b3dc9cfd89366093f7b78f8c76598ba2240f06c7f20c9&X-Amz-SignedHeaders=host%3Bx-amz-acl&x-amz-acl=public-read"

响应成功:

*   Trying 54.231.176.22...
* Connected to s3-us-west-2.amazonaws.com (54.231.176.22) port 443 (#0)
* TLS 1.2 connection using TLS_ECDHE_RSA_WITH_AES_128_GCM_SHA256
* Server certificate: *.s3-us-west-2.amazonaws.com
* Server certificate: DigiCert Baltimore CA-2 G2
* Server certificate: Baltimore CyberTrust Root
> PUT /my_bucket/uploads/VID_20160920_233443.mp4?Content-Type=video%2Fmp4&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJV3UP7LBEKPYMLGA%2F20160921%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20160921T103723Z&X-Amz-Expires=600&X-Amz-Signature=8463625a45237452280b3dc9cfd89366093f7b78f8c76598ba2240f06c7f20c9&X-Amz-SignedHeaders=host%3Bx-amz-acl&x-amz-acl=public-read HTTP/1.1
> Host: s3-us-west-2.amazonaws.com
> User-Agent: curl/7.43.0
> Accept: */*
> Content-Type: application/octet-stream
> Content-Length: 18964
> Expect: 100-continue
> 
< HTTP/1.1 100 Continue
* We are completely uploaded and fine
< HTTP/1.1 200 OK
< x-amz-id-2: moDxOsEISsfqjCILaIsJtl3ncc7UeH4hNNISiJeuH46MrDrHEfVm9EKC5RRkORMilDEE5z7l8cI=
< x-amz-request-id: BC345E2AC71AC019
< Date: Wed, 21 Sep 2016 10:38:05 GMT
< x-amz-expiration: expiry-date="Fri, 23 Sep 2016 00:00:00 GMT", rule-id="Delete bad uploads after 1 day"
< ETag: "7688c487b1ea40c849fdb070cf736b28"
< Content-Length: 0
< Server: AmazonS3
< 
* Connection #0 to host s3-us-west-2.amazonaws.com left intact

像这样更改angular 代码:

var options = new FileUploadOptions(),
    ft = new FileTransfer();

options.httpMethod = "PUT";
options.fileKey = "file";
options.fileName = name;
options.mimeType = type;
options.chunkedMode = false;

options.headers = {
  "Content-Type": type,
  "x-amz-acl": 'public-read'
};

ft.upload(videoPath, url, callback(null), callback, options);

问题还是来了:

An error has occurred: Code = 1
upload error source cdvfile://localhost/persistent/DCIM/Camera/VID_20160921_122323.mp4
upload error target https://s3-us-west-2.amazonaws.com/my_bucket/uploads/VID_20160921_122…9e365af3f771c5d&X-Amz-SignedHeaders=host%3Bx-amz-acl&x-amz-acl=public-read
http status: 501
description: <?xml version="1.0" encoding="UTF-8"?>
<Error><Code>NotImplemented</Code><Message>A header you provided implies functionality that is not implemented</Message><Header>Transfer-Encoding</Header><RequestId>D646593FD109C0F8</RequestId><HostId>wVmGWPAAWdmSXdq5N/eO7ihqHk0GoMlXNe6k9sAyyEz55Q4k2gGgkgsgyXkh8xsxUDlmzQdAIPQ=</HostId></Error>

在这里我包括我的FileUploadOptions():

chunkedMode: false
fileKey: "file"
fileName: "VID_20160921_125152.mp4"
headers: Object
  Content-Type: "video/mp4"
  x-amz-acl: "public-read"
  __proto__: Object
httpMethod: "PUT"
mimeType: "video/mp4"
params: null

更新 2

直接尝试使用来自ngCordova 的$cordovaFileTransfer 插件,我得到另一个错误:

"<?xml version="1.0" encoding="UTF-8"?>
<Error><Code>AuthorizationQueryParametersError</Code><Message>Error parsing the X-Amz-Credential parameter; the Credential is mal-formed; expecting "&lt;YOUR-AKID&gt;/YYYYMMDD/REGION/SERVICE/aws4_request".</Message><RequestId>C863350E96804F5C</RequestId><HostId>7TmXBDlsGNvDmLFKgLePTMAg+Onf8y1ZPTEWmbdHPAyWHFIdt1+5J7U3H8Ygnf3sebMRpRNdxXA=</HostId></Error>"

更新 3

为了尽可能澄清一切,我部署了一个 github,其中包含我正在工作的所有后端/前端。

再次感谢。

更新 4

感谢 daserge 的帮助,我可以得到我的 PUT 的标题。我在下面粘贴结果:

HTTP/1.1 400 Bad Request
x-amz-request-id    3F686CFD09B5C6DD
x-amz-id-2  KDrmvzhnrWfLB+Tdttg88MaPVOp2LOBAhwEqiBR0XdMpaje3lRsiM6mHfjv5ULzD7GweiT9C2T0=
Content-Type    application/xml
Date    Sat, 24 Sep 2016 17:00:03 GMT
Server  AmazonS3
Transfer-Encoding   chunked
Proxy-Connection    Close

PUT /my_bucket/uploads/VID_20160924_190000.mp4?Content-Type=video%252Fmp4&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJV3UP7LBEKPYMLGA%252F20160924%252Fus-west-2%252Fs3%252Faws4_request&X-Amz-Date=20160924T170002Z&X-Amz-Expires=600&X-Amz-Signature=ca3c992290bdf51e14bab6d67e4c520b280368bdd2a0274b552dc3e975f55c9d&X-Amz-SignedHeaders=host%253Bx-amz-acl&x-amz-acl=public-read HTTP/1.1
Content-Type    application/octet-stream
Content-Length  56116
User-Agent  Dalvik/2.1.0 (Linux; U; Android 5.0; Aquaris E5 HD Build/LRX21M)
Host    s3-us-west-2.amazonaws.com
Connection  Keep-Alive
Accept-Encoding gzip

然后我意识到有两个参数错误:

Content-Type: application/xml
Transfer-Encoding: chunked

同样,我已经意识到编码。它应该是%2F,它就像%252F。

这很奇怪,因为我使用参数的方式似乎是正确的:

options = {
  fileKey: 'file',
  fileName: name,
  chunkedMode: false,
  httpMethod: 'PUT',
  mimeType: "application/octet-stream",
  headers: {
    "Content-Type": "application/octet-stream"
  }
};

$cordovaFileTransfer.upload(server, filePath, options)
  .then(function (result) {
    console.log(result);
  }, function (err) {
    console.log(err);
  }, function (progress) {
    console.log(progress);
  });

另外,感谢 bvakiti,我意识到有一条错误消息,因为我将视频发送到 https。我正在尝试http。

【问题讨论】:

标签: node.js cordova amazon-web-services amazon-s3 cordova-plugins


【解决方案1】:

您从AWS 获得的端点与您使用$cordovaFileTransfer 的方式之间似乎存在冲突。

当您在服务器中获取带有s3.getSignedUrl 的端点时,只有响应 URL 的参数被编码(基本 URL 保持未编码)。

当您使用 $cordovaFileTransfer 时,该函数再次对参数进行编码,这就是为什么您会看到 %252F 与 // 匹配。

有 3 个选项:

  • 相反,在您调用 $cordovaFileTransfer 之前,解码参数

    var host = server.split('?')[0] + '?' + decodeURIComponent(server.split('?')[1]);
    
  • 使用options.params,如documentation中所述

其他帮助 cmets 中建议的选项 encodeURI: false 对我不起作用

希望对你有帮助。

【讨论】:

  • 实际上,这是我的问题的真正解决方案,尽管第一个选项可能更有效。如果您只想在 AWS 上生成 endpoint 时添加一些额外的参数,则建议使用第二个选项,并且非常适合了解签名的工作原理。
【解决方案2】:

我猜想从 AWS 派生访问密钥存在一些问题。

尝试使用这个:

function getSignatureKey(key, dateStamp, regionName, serviceName) {
    var kDate= Crypto.HMAC(Crypto.SHA256, dateStamp, "AWS4" + key, { asBytes: true})
    var kRegion= Crypto.HMAC(Crypto.SHA256, regionName, kDate, { asBytes: true });
    var kService=Crypto.HMAC(Crypto.SHA256, serviceName, kRegion, { asBytes: true });
    var kSigning= Crypto.HMAC(Crypto.SHA256, "aws4_request", kService, { asBytes: true });

    return kSigning;
}

http://docs.aws.amazon.com/general/latest/gr/signature-v4-examples.html#signature-v4-examples-jscript

如果有帮助,我还找到了一个旧博客:

http://coenraets.org/blog/2013/09/how-to-upload-pictures-from-a-phonegap-app-to-amazon-s3/

【讨论】:

  • 阅读你传给我的文件,上面写着:you do not have to manually perform the steps of deriving a signing key and adding authentication information to a request.,使用aws-sdk。
【解决方案3】:

使用空正文/空内容长度上传可能会出现问题

看看这个线程: https://github.com/aws/aws-sdk-js/issues/15

【讨论】:

  • 即使这个线程引用了服务器端的上传(这不是我的目标)。我尝试在客户端设置Content-Length,因为我有参数,但它一直给出相同的错误代码(501)。
  • 此时,您是否能够使用任何手段将任何内容上传到您的存储桶?更准确地说,aws cli aws.amazon.com/cli
  • 是的,如果我使用 $http.post 可以正常工作并且它可以正确放置到文件夹中。
  • 你能复习一下吗(如果你已经读过它,可能会再看一遍):docs.aws.amazon.com/AmazonS3/latest/API/… 我无法验证,但根据文档,你提供的签名 (nwLEVBOarxi7YwyB4hJ2op4j1ms%253D) 似乎有点奇怪
  • 关于你谈话内容的签名被故意修改只是为了保护我的凭据和其他东西。实际上,我正在再次检查您提供给我的 AWS 帖子;)
【解决方案4】:

更新您的 AWS 存储桶配置后,在创建 S3 对象时不要传递参数。试试下面的代码。

   // make managed upload
    var upload = new AWS.S3.ManagedUpload({
        params: metadata
    });

    var s3Head = new AWS.S3();

在 routes/endpoints.js 中进行更改。

【讨论】:

【解决方案5】:

我在 fileTransfer 期间遇到错误代码 1 的问题,并将 html 元素作为响应。

问题在于 SSL 连接。尝试在服务器 url 中提供 http 而不是 https,它会正常工作。 但是当涉及到身份验证时,您将在后端发生变化。 cordovaFileTransfer 没有问题。

希望这会有所帮助。

【讨论】:

  • @DevStarlight 你检查过这个吗?
猜你喜欢
  • 2016-07-14
  • 2012-05-04
  • 2019-03-09
  • 2020-10-24
  • 2020-05-27
  • 2020-02-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多