JS生成短链接的多种方法详解

创作时间:

作者:

@小白创作中心

JS生成短链接的多种方法详解

引用

来源

https://docs.pingcode.com/baike/2269220

在互联网应用中，短链接因其简洁易记、便于分享等特点而被广泛应用。本文将详细介绍如何使用JavaScript生成短链接，包括使用第三方API、哈希算法生成唯一标识以及存储与重定向的实现方法。

JS生成短链接的方法有多种：使用第三方API、使用哈希算法生成唯一标识、存储与重定向。最简单的方法是使用第三方API，如Bitly或TinyURL提供的API服务，快速生成短链接。这种方法不仅简单易用，还能追踪链接点击数据。以下将详细介绍如何使用这些方法生成短链接。

一、使用第三方API生成短链接

1. Bitly API

Bitly是一个流行的短链接服务提供商，使用它的API可以轻松生成短链接。首先，你需要注册一个Bitly账号，并获取API密钥。

async function shortenURL(url) {
    const accessToken = 'YOUR_BITLY_ACCESS_TOKEN';  
    const apiUrl = 'https://api-ssl.bitly.com/v4/shorten';  
    const response = await fetch(apiUrl, {  
        method: 'POST',  
        headers: {  
            'Authorization': `Bearer ${accessToken}`,  
            'Content-Type': 'application/json'  
        },  
        body: JSON.stringify({ long_url: url })  
    });  
    const data = await response.json();  
    return data.link;  
}  
shortenURL('https://example.com').then(shortUrl => {  
    console.log('Short URL:', shortUrl);  
});

2. TinyURL API

TinyURL也是一个常用的短链接服务提供商。它的API使用起来也非常简单。

async function shortenURLWithTiny(url) {
    const apiUrl = `http://tinyurl.com/api-create.php?url=${encodeURIComponent(url)}`;  
    const response = await fetch(apiUrl);  
    const shortUrl = await response.text();  
    return shortUrl;  
}  
shortenURLWithTiny('https://example.com').then(shortUrl => {  
    console.log('Short URL:', shortUrl);  
});

二、使用哈希算法生成唯一标识

如果不想依赖第三方服务，可以使用哈希算法生成唯一标识，并将其映射到长链接。以下示例展示了如何实现这一过程：

function generateHash(url) {
    let hash = 0;  
    for (let i = 0; i < url.length; i++) {  
        hash = (hash << 5) - hash + url.charCodeAt(i);  
        hash |= 0;  
    }  
    return hash.toString(36);  
}  
function shortenURL(url) {  
    const hash = generateHash(url);  
    const shortUrl = `https://short.url/${hash}`;  
    return shortUrl;  
}  
const longUrl = 'https://example.com';  
const shortUrl = shortenURL(longUrl);  
console.log('Short URL:', shortUrl);

三、存储与重定向

短链接需要存储到数据库中，以便在用户访问短链接时重定向到对应的长链接。以下是一个基本的实现：

1. 存储短链接

const shortLinks = {};
function storeShortLink(longUrl) {  
    const hash = generateHash(longUrl);  
    shortLinks[hash] = longUrl;  
    return `https://short.url/${hash}`;  
}  
const longUrl = 'https://example.com';  
const shortUrl = storeShortLink(longUrl);  
console.log('Stored Short URL:', shortUrl);

2. 重定向短链接

在实际应用中，需要一个服务器端脚本处理短链接重定向。以下是一个简单的Node.js示例：

const express = require('express');
const app = express();  
const shortLinks = {};  
app.get('/:hash', (req, res) => {  
    const hash = req.params.hash;  
    const longUrl = shortLinks[hash];  
    if (longUrl) {  
        res.redirect(longUrl);  
    } else {  
        res.status(404).send('Not Found');  
    }  
});  
const longUrl = 'https://example.com';  
const shortUrl = storeShortLink(longUrl);  
console.log('Stored Short URL:', shortUrl);  
app.listen(3000, () => {  
    console.log('Server running on port 3000');  
});