使用javascript上传到谷歌云存储签名网址

时间:2014-11-07 10:18:06

标签: javascript cors google-cloud-storage google-api-client

使用以下代码,我可以上传到谷歌云存储中的可公开写入的存储桶。 (allUsers有写权限)。但是如果存储桶不可公开写入,那么我会收到401未经授权的错误。 (我不希望这个桶是公开可写的)。

var file = $scope.myFile;
      var fileData = file;
      var boundary = '-------314159265358979323846';
      var delimiter = "\r\n--" + boundary + "\r\n";
      var close_delim = "\r\n--" + boundary + "--";

      var reader = new FileReader();
      reader.readAsBinaryString(fileData);
      reader.onload = function(e) {
        var contentType = fileData.type || 'application/octet-stream';
        var metadata = {
          'name': 'objectName', //'lol' + fileData.name,
          'mimeType': contentType
        };

        var base64Data = btoa(reader.result);
        var multipartRequestBody =
          delimiter +
          'Content-Type: application/json\r\n\r\n' +
          JSON.stringify(metadata) +
          delimiter +
          'Content-Type: ' + contentType + '\r\n' +
          'Content-Transfer-Encoding: base64\r\n' +
          '\r\n' +
          base64Data +
          close_delim;
        var stuff = angular.fromJson('{"Expires": "1415344534", "GoogleAccessId": "394062384276-n2jjh17vt975fsi4nc9ikm1nj55466ir@developer.gserviceaccount.com", "Signature": "AMkhO7mt2zg+s1Dzx28yQIMSrZlDC2Xx1SzvMCAgUVyiLXs5890/nA6PKzoc1KYBcRv/ALmkNaEVhvWHxE0EfcE151c0PYSG9x7AeSpQI/3dB1UPcSqpwilS1e2sgwB9piLNvBEXLNRXiLYyTiH22zkFZHAEQonJ3J25a47fwo4="}');
        var Expires = stuff.Expires;
        var GoogleAccessId = stuff.GoogleAccessId;
        var Signature = encodeURIComponent(stuff.Signature);
        var BUCKET = 'mybucket';
        var request = $window.gapi.client.request({
          'path': '/upload/storage/v1/b/' + BUCKET + '/o',
          'method': 'POST',
          'params': {
            'uploadType': 'multipart',
            'Expires': Expires,
            'GoogleAccessId': GoogleAccessId,
            'Signature': Signature
          },
          'headers': {
            'Content-Type': 'multipart/mixed; boundary="' + boundary + '"'
          },
          'body': multipartRequestBody});

        request.execute(function(r) {
          console.log(r);
        })
      }

是否可以使用带有gapi javascript客户端的签名URL?或者它不理解参数。

如果没有 - 是否有任何使用javascript api进行CORS的示例以便使用签名网址上传?

(假设我的到期时间,GoogleAccessId& Signature是正确的,并且匹配我在javascript和我已经设置的权限上所做的事情)

基本上有任何从localhost上传到javascript客户端的谷歌云存储的示例,而无需用户拥有谷歌帐户&没有使用可公开写入的桶,而是使用分配的签名网址?

2 个答案:

答案 0 :(得分:1)

使用https://storage.googleapis.com作为主机来撰写指向所需资源的URL。您可以选择几种方法来构建基本URL。 Here是一些可能的组合。

作为参考,您还可以查看可能有帮助的a very simple snippet Python

希望它有所帮助。

答案 1 :(得分:0)

我正在实施同样的问题。问题出在SignedURL上。在更正了signedurl后,上传工作就像一个魅力。

因为我使用的是php。以下是生成签名网址的代码。

private function createSignedUrl($objectName, $bucketName, $key, $serviceEmailAddress, $method = 'GET', $duration = 600)
{
    $expires = time() + $duration;

// Line breaks are important!
$toSign = (
    $method . "\n" .
    /* Content-MD5 */ "\n" .
    /* Content Type */ "\n" .
    $expires . "\n" .
    $objectName
);
$signature = urlencode(base64_encode(JWT::encode($toSign, $key, 'HS256')));
return array(
    'expires' => $expires,
    'accessid' => $serviceEmailAddress,
    'signature' => $signature,
);
}