Wie kann ich eine URL in js go.gl kürzen?

Question

Prereq: Erstellen Sie sich einen API-Schlüssel für urlshortener bei https://code.google.com/apis/console/

Es gibt viele Dokumente für verschiedene Möglichkeiten, über die js get api eine goo.gl URL in die ursprüngliche URL drehen, zB: here, here und here - - und zumindest funktioniert der erste sogar.

Wenn ich, dass man immer so leicht zwicken die insert api verwenden eine URL - eine kleine URL zu konvertieren, eine { "longUrl": "https://codepen.io/" } anstatt vorbei, aber es bricht. Versuchen Sie es bei http://codepen.io/johan/full/EHbGy#YOUR-API-KEY-HERE wenn Sie mögen, oder diese irgendwo laufen:

<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> 

... es reagiert nur mit einem Fehler:

{ "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" 
     } 
    ] 
    } 
} 

Verbesserungsvorschläge? (Nein, ist es nicht besser, wenn Sie den url.insert Parameter auf ein Objekt ändern mit einer resource.longUrl Schlüssel -. Oder Weitergabe nur die URL ohne Wrapper-Objekt)

Answer 1

Es ist nicht super klar in der Dokumentation oder eine Fehlermeldung, aber Ihre Anfrage sollte wie folgt aussehen und alles wird gut:

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

Answer 2

ich denke, ich werde die chaotische Client-Bibliothek für diese fallen, wenn es stellt sich heraus, dass ich es fünf Linien von Coffeescript alle statt Laden tun das cruft, wie ich sowieso schon jQuery habe: 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}"