最近はJavascriptで少し遊んでいます...bit.lyを使用していくつかのURLを縮小してツイートし、APIを使用して必要なURLを縮小できる自動化されたプロセスについて考え始めました。彼らのドキュメントを見て、彼らがPHP(いくつかのJavascriptを含む)のみをサポートしていることを私は見ましたが、とにかく私がJavascriptだけを使用してこれを作ることができるということはありますか?
3 に答える
これは、BitlyAPIとjQueryを使用して短縮URLを取得する方法の例です。サーバー側のコードは必要ありません。
function get_short_url(long_url, login, api_key, func)
{
$.getJSON(
"http://api.bitly.com/v3/shorten?callback=?",
{
"format": "json",
"apiKey": api_key,
"login": login,
"longUrl": long_url
},
function(response)
{
func(response.data.url);
}
);
}
次のコードを使用して短縮URLを取得できます。
/*
Sign up for Bitly account at
https://bitly.com/a/sign_up
and upon completion visit
https://bitly.com/a/your_api_key/
to get "login" and "api_key" values
*/
var login = "LOGIN_HERE";
var api_key = "API_KEY_HERE";
var long_url = "http://www.kozlenko.info";
get_short_url(long_url, login, api_key, function(short_url) {
console.log(short_url);
});
JavaScriptが実行されている場所に応じて、いつでもbit.lyRESTAPIを使用できます。
http://code.google.com/p/bitly-api/wiki/ApiDocumentation
XmlHttpRequest経由、例:
http://api.bit.ly/v3/shorten?login=bitlyapidemo&apiKey=R_0da49e0a9118ff35f52f629d2d71bf07&longUrl=http%3A%2F%2Fbetaworks.com%2F&format=json
bitlyの開発者のベストプラクティスページから:
APIキーやOAuthアクセストークンのセキュリティを確保するために、可能な限り、bitlyAPIサーバー側にリクエストを送信することを強くお勧めします。
クライアント側のJavascriptを介して行われたbitlyAPIへのリクエストは、OAuthトークンまたはAPIキーが危険にさらされるリスクを示しますが、このリスクを部分的に軽減するために実行できる手順があります。最も重要なことは、ページにapi_keyまたはaccess_tokenをインラインで含めないことです。ページに含まれている外部JavaScriptファイルに含まれているコードでapi_keyまたはaccess_tokenへの参照を保持します。セキュリティを強化するために、キーまたはトークン自体をjavascriptコードのどこにも含めないでください。代わりに、ajax呼び出しを行ってロードし、プライベートスコープのメソッドに格納されている変数に保持してください。この実装の例については、サンプルのhtmlと含まれているjavascriptファイルを参照してください。