Làm cách nào để goo.gl rút ngắn url trong js?

Question

Prereq: tạo cho mình một khóa API cho urlshortener tại https://code.google.com/apis/console/

Có rất nhiều tài liệu cho nhiều cách khác nhau của biến một url goo.gl vào URL ban đầu thông qua js get api, ví dụ như: here, here và here - - và ít nhất cái đầu tiên thậm chí còn hoạt động.

Nếu tôi tinh chỉnh một mà bao giờ nên hơi để sử dụng insert api để chuyển đổi một url - một url nhỏ, đi qua một { "longUrl": "https://codepen.io/" } thay vào đó, tuy nhiên, nó phá vỡ. Hãy thử nó tại http://codepen.io/johan/full/EHbGy#YOUR-API-KEY-HERE nếu bạn thích, hoặc chạy một nơi nào đó:

<script> 
var api_key = 'YOUR-API-KEY-HERE'; 

function makeRequest() { 
    var request = gapi.client.urlshortener.url.insert({ 
    'longUrl': 'https://codepen.io/' 
    }); 
    request.execute(function(response) { 
    alert(JSON.stringify(window.got = response)); 
    }); 
} 

function load() { 
    gapi.client.setApiKey(api_key); 
    gapi.client.load('urlshortener', 'v1', makeRequest); 
} 
</script> 
<script src="https://apis.google.com/js/client.js?onload=load"></script> 

... nó chỉ trả lời bằng một lỗi:

{ "code": 400 
, "message": "Required" 
, "data": 
    [ { "domain": "global" 
    , "reason": "required" 
    , "message": "Required" 
    , "locationType": "parameter" 
    , "location": "resource.longUrl" 
    } 
    ] 
, "error": 
    { "code": 400 
    , "message": "Required" 
    , "data": 
    [ { "domain": "global" 
     , "reason": "required" 
     , "message": "Required" 
     , "locationType": "parameter" 
     , "location": "resource.longUrl" 
     } 
    ] 
    } 
} 

Gợi ý? (Không, nó không hoạt động tốt hơn nếu bạn thay đổi tham số url.insert thành đối tượng có khóa resource.longUrl - hoặc chỉ chuyển url mà không có đối tượng bao bọc.)

Answer 1

Nó không siêu rõ ràng trong tài liệu hoặc thông báo lỗi, nhưng yêu cầu của bạn sẽ giống như sau và tất cả sẽ tốt:

var request = gapi.client.urlshortener.url.insert({ 
    'resource': {'longUrl': 'https://codepen.io/'} 
}); 

Answer 2

tôi nghĩ rằng tôi sẽ thả các thư viện client lộn xộn cho điều này, khi nó quay ra tôi có thể làm điều đó năm dòng của coffescript thay vì tải tất cả mà cruft, như tôi đã có jQuery xung quanh anyway: http://codepen.io/johan/pen/puJyH

api = 'https://www.googleapis.com/urlshortener/v1/url' 
api += "?key=#{key}" if key = location.search.slice 1 

$.ajax 
    url: api 
    type: 'POST' 
    data: JSON.stringify(longUrl: url) 
    contentType: 'application/json' 
    success: (got) -> 
    alert "shortened url: #{got.id}"