logo NodeSeekbeta

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

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

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

1. 实时可视化统计表格

  • 运营商覆盖图
    icp-overview.png

  • 省/市级节点数
    icp-total.png

2. 交互式地图视图

main-nodes-city.png

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

3. 在线测试节点可用性

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

main-table-with-test.png

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

体验链接

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

12345
12345

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有72280位seeker

🎉欢迎新用户🎉