javascript - jQuery 动态 URL 缩短器

Question

我正在寻找一个动态 URL 缩短器，非常类似于 tweetdeck 的工作原理。我发现许多 jQuery 和通用 javascript 插件都会获取 url，并在按下按钮时通过缩短服务(例如 bit.ly)运行它。然而，我还没有找到一个可以即时执行此操作的人。我的第一个问题是这是否已经存在于某个地方？其次，如果没有，那么识别文本框中需要缩短的 URL 的最佳方法是什么？我的想法:

1. 在该文本区域的 onKeyUp 上运行文本以查找 http
2. 如果找到，则获取整个网址(如何确定结尾？可以是句点、逗号、空格等...)
3. 确保该网址不是 bit.ly 网址
4. 验证网址(发出请求并确保 http 响应没有错误，bit.ly 是否已经这样做了？)
5. 如果有效，则将网址发送到 bit.ly 的 API 并获取响应
6. 将文本区域中的长网址替换为短网址。

想法？

Answer 1

以下是如何使用 Bitly API 和 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);
});