我们的项目旨在提供一种高效便捷的方式来缩短网址，让您的链接更加简洁易记。无论是分享给朋友还是嵌入到社交媒体上，我们的服务都能让您轻松应对长而复杂的网址。
我们的项目名为“快缩短网址”，其官方网站为suo.run。通过使用我们的服务，您可以轻松地将冗长的网址转换为简短的链接，从而提高用户体验和链接的可读性。
以下是我们的技术实现细节：
1. 前端实现：
使用JavaScript进行编码，通过新浪API生成URL短链接。具体步骤如下：
var convertStr = encodeURIComponent(urlStr); // 转码
var appkey = 'xxx';
getShortUrl(convertStr);
<img src="https://suo.run/uploads/20251015/28.png" alt="" class="img-fluid" />
function getShortUrl(urlStr) {
$.ajax({
type: 'GET',
url: 'http://api.t.sina.com.cn/short_url/shorten.json?source=' + appkey + '&url_long=' + urlStr,
dataType: 'JSONP',
jsonp: 'callback',
data: {},
success: function(r) {
return r[0].url_short; // 生成短链接
}
});
}
2. 后端实现：
使用Node.js和Express框架构建服务器，实现以下功能：
- 创建一个简单的Web服务器，用于接收和响应HTTP请求。
- 使用SQLite作为数据库，通过Sequelize ORM进行管理。
- 实现短链接的生成、查询和重定向功能。
具体步骤如下：
- 初始化项目和安装依赖：
mkdir shortUrl
cd shortUrl
npm init -y
npm install express shortid sqlite3 sequelize --save
- 编写
app.js文件，设置路由和处理逻辑： const express = require('express');
const app = express();
const { sequelize, ShortUrlModel } = require('./db');
sequelize.sync({ force: true }).then(() => {
console.log('Database created');
});
app.set('view engine', 'ejs');
app.use(express.urlencoded({ extended: false }));
app.get('/', async (req, res) => {
const shortUrls = await ShortUrlModel.findAll();
res.render('index', { shortUrls });
});
app.post('/shortUrls', async (req, res) => {
await ShortUrlModel.create(req.body);
res.redirect('/');
});
app.get('/:short', async (req, res) => {
const shortUrl = await ShortUrlModel.findOne({ where: { short: req.params.short } });
res.redirect(shortUrl.full);
});
app.listen(5000);
- 编写
views/index.ejs文件，显示短链接列表： <h1>URL Shrinker</h1>
<table>
<tr>
<th>Full URL</th>
<th>Short URL</th>
</tr>
<% shortUrls.forEach(shortUrl => { %>
<tr>
<td><%= shortUrl.full %></td>
<td><%= shortUrl.short %></td>
</tr>
<% }); %>
</table>
通过以上步骤，我们已经实现了从前端到后端的整个流程，包括短链接的生成、存储和访问。这样的设计不仅提高了效率，还确保了数据的准确性和安全性。欢迎访问
suo.run体验我们的服务！