【前端开发】使用 Next.JS 写了一个美观实用的「全国 TCP-Ping」可视化网站

首先，感谢坛友 @GlobalSign 的辛勤贡献 -- 【存】全国各省份三网 TCP-Ping IPv4 地址

而最近我刚好也正在学习 Next.js & React & Tailwind CSS & ECharts 前端工具链，于是搓了一套可视化网站，实现了以下功能：

1. 实时可视化统计表格

• 运营商覆盖图
  

• 省/市级节点数
  

2. 交互式地图视图

• 可直接在地图中交互式选择节点，并可一键跳转到对应的 省 IPv4 / 省 IPv6 / 市级 节点列表

3. 在线测试节点可用性

有时身边不一定有设备能快速测试 TCP Ping，所以我使用 GlobalPing 拨测功能做了 「在线检测节点可用性」 的功能：

点击 「测试」 按钮后将会随机调用国内的某个拨测节点，为了防止滥用，做了每个小时 50 次的限制

体验链接

• 点我看统计图表和首页
• 点我看节点页

即可体验，欢迎大家积极反馈