我使用 React、Go 和 PostgreSQL 构建了一个实时链接短缩器并带有分析功能

Source: Dev.to

简短即切，深度即追

许多短链服务只能把长 URL 缩短，却很少展示点击后的情况。我构建了 Cut It 来解决这个问题。

线上站点：

Cut It 能缩短链接并实时追踪交互数据。平台会显示谁点击了链接、点击来源、使用的设备、浏览器以及分享链接的平台。

Cut It 的功能

• 将长 URL 缩短为简洁链接
• 实时统计点击次数
• 检测访问者所在国家
• 检测设备类型
• 检测使用的浏览器
• 检测链接被分享的平台

示例

一条长 URL 如：

https://example.com/products/category/2026/new-arrivals/summer-sale

会被转换为

https://cutit.africa/HZVFNMHJ

每一次点击都会记录分析数据，并即时更新仪表盘。

捕获的分析数据

每次交互都会记录结构化的元数据：

• 国家
• 设备类型
• 浏览器
• 分享平台
• 时间戳
• 链接 ID

分享平台检测示例

• WhatsApp
• X（原 Twitter）
• Facebook
• Telegram
• LinkedIn
• Email
• 直接浏览器

为什么这很重要

许多团队通过短信、社交媒体或营销活动发送链接。长 URL 会增加短信费用且无法提供分析数据。Cut It 同时解决这两个问题：

• 降低短信费用
• 衡量营销覆盖范围
• 了解受众行为

技术栈

前端

使用 TypeScript 的 React。纯实现，不依赖 UI 框架。

后端

使用 Go（Golang）实现高并发和快速重定向。

数据库

使用 PostgreSQL 存储分析数据并提升查询性能。

架构流程

1. 用户提交长 URL
2. 系统生成唯一的短 ID
3. 用户分享短链接
4. 访问者打开链接
5. 后端记录交互元数据
6. 访问者被重定向到原始 URL
7. 仪表盘即时更新分析数据

试用平台

https://cutit.africa/

简短即切，深度即追。