4

我試圖上傳一個視頻到Amazon s3以前記錄與$cordovaCapture

捕獲進程正常運行,並且作爲響應,我得到了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,這並不像預期的那樣工作。

同時,我有第二個選項code在我的客戶端嘗試以下的cordova-plugin-file-transfer直接文檔:

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.postthis其他崗位工作。

UPDATE

調查的問題多得多,與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與我正在工作的所有後端/前端。

再次感謝。

UPDATE 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 

然後我realiced有2個參數錯誤:

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

同時,我realiced約編碼。它應該是%2F並且它的形式如%252F

這很奇怪,因爲我使用的PARAMS的方式似乎是正確的:

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我realiced有一個錯誤消息,因爲我發送視頻到https。我正在嘗試http

+0

您是否嘗試過使用Fiddler分析Cordova的請求? – daserge

+0

我一直試圖用'charles',作爲攔截trafic的代理,但是因爲我在'adb'裏面,所以沒有用。我會試試這個新工具,因爲我不知道它。 – DevStarlight

+2

以下是Fiddler + Android的幫助鏈接:http://www.cantoni.org/2013/11/06/capture-android-web-traffic-fiddler – daserge

回答

1

看起來您從AWS獲得的端點與您使用$cordovaFileTransfer的方式之間存在衝突。

當您在服務器中獲得s3.getSignedUrl的端點時,只有響應URL的參數被編碼(基本URL保持未編碼)。

當您使用$cordovaFileTransfer該函數再次編碼params,這就是爲什麼你看到%252F匹配//

有3種選擇:

  • 相反,你的$cordovaFileTransfer通話之前,解碼PARAMS

    var host = server.split('?')[0] + '?' + decodeURIComponent(server.split('?')[1]); 
    
  • 使用options.params作爲documentation

選項描述在ot中建議使用encodeURI: false她的幫助評論沒有爲我工作

希望它有幫助。

+0

其實這是我的問題的真正解決方案,雖然第一個選項可能更有效。第二個選項只是建議如果你只是想在'AWS'上生成'endpoint'時添加一些額外的參數,並且非常適合理解簽名是如何工作的。 – DevStarlight

0

我想在從AWS中派生Access Key時存在一些問題。

嘗試使用這樣的:

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/

+0

閱讀您傳遞給我的文檔,它說: '您不必手動執行派生簽名密鑰並通過使用'aws-sdk'將驗證信息添加到請求的步驟'。 – DevStarlight

0

可能是上傳視頻的問題用空體/空內容長度

查看該主題: https://github.com/aws/aws-sdk-js/issues/15

+0

即使此線程正在服務器端引用上傳(這不是我的目標)。我嘗試在客戶端設置'Content-Length',因爲我有參數,但它一直給出相同的錯誤代碼(501)。 – DevStarlight

+0

在這一點上,你是否能夠用任何方式上傳任何內容到你的存儲桶?更確切地說,aws cli https://aws.amazon.com/cli/ – kuzyn

+0

是的,如果我使用'$ http.post'並且它正確地放置在文件夾中。 – DevStarlight

0

在更新您的AWS存儲桶配置後,請勿在創建S3對象時傳遞參數。嘗試下面的代碼。

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

    var s3Head = new AWS.S3(); 

修改routes/endpoints.js。

+0

是面向在服務器端簽名後直接上傳的解決方案嗎? https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3/ManagedUpload.html#constructor-property我正在尋找的是通過向服務器請求'signedURL'來進行客戶端上傳。 – DevStarlight

0

我在fileTransfer期間遇到了錯誤代碼1的問題,並給出了html元素作爲響應。

問題出在SSL連接。嘗試給服務器網址http而不是https,它會正常工作。 但是,當涉及到身份驗證時,您將在後端進行更改。 cordovaFileTransfer沒有問題。

希望這會有所幫助。

+0

@DevStarlight你有這個檢查嗎? – vbharath

相關問題