jsでURLを短くするにはどうすればよいですか？

Question

習得条件：JS get APIを介して、例えば、元のURLにgoo.gl URLを回すのさまざまな方法のためのドキュメントがたくさんありますhttps://code.google.com/apis/console/

でurlshortenerためのAPIキーを自分で作成：here、hereとhereは - 少なくとも最初のものは動作します。

私が代わりに{ "longUrl": "https://codepen.io/" }を渡し、に小さなURLをURL を変換するinsert APIを使用するために、ほんの少しその1を微調整する場合は、しかし、それが壊れます。あなたが好きならhttp://codepen.io/johan/full/EHbGy#YOUR-API-KEY-HEREでそれを試してみるか、このどこかを実行します。

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

...それだけでエラーで応答します。

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

提案を？ （いいえ、resource.longUrlキーを持つオブジェクトにurl.insertパラメータを変更するか、ラッパーオブジェクトなしでURLを渡すだけでうまくいきません）。

Answer 1

ドキュメントやエラーメッセージで非常に明確ではありませんが、私はそれが判明したときに、私はすべてのそれを5つのcoffescriptのラインの代わりに、読み込みを行うことができ、このために厄介なクライアントライブラリをドロップすると思う

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

Answer 2

：しかし、あなたの要求は、次のようになりますし、すべてが順調になりますあのクルフトは、とにかくjQueryを既に持っているからだ。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}"