feat(record): 增加测试结果保存和展示功能
This commit is contained in:
90
README.md
90
README.md
@@ -1,2 +1,90 @@
|
||||
# LatencyTest
|
||||
# 🌐 LatencyTest
|
||||
|
||||
[](https://react.dev/)
|
||||
[](https://www.typescriptlang.org/)
|
||||
[](https://vitejs.dev/)
|
||||
[](https://workers.cloudflare.com/)
|
||||
[](https://expressjs.com/)
|
||||
|
||||
中文 | **[English](README.en-US.md)**
|
||||
|
||||
---
|
||||
|
||||
## 📖 项目简介
|
||||
|
||||
**LatencyTest** 是一款现代化的全球网络延迟测试工具。利用分布在世界各地 20+ 个节点,对目标 IP 或域名进行延迟测试,并通过交互式 3D 地球可视化展示结果。
|
||||
|
||||
## ✨ 功能特性
|
||||
|
||||
| 功能 | 描述 |
|
||||
|------|------|
|
||||
| 🌍 **全球多节点测试** | 覆盖美洲、欧洲、亚洲等 20+ 个测试节点 |
|
||||
| 🌐 **3D 地球可视化** | 使用 `react-globe.gl` 实时展示测试路径与延迟 |
|
||||
| ⚡ **自动 DNS 解析** | 支持 IP 或域名输入,自动解析目标地址 |
|
||||
| 📍 **GeoIP 信息** | 显示目标 IP 的地理位置、ISP 及 AS 编号 |
|
||||
| 🆚 **对比模式** | 同时测试两个目标,直观对比全球延迟差异 |
|
||||
| 🔗 **结果分享** | 一键生成测试报告链接(有效期 7 天) |
|
||||
| 🌗 **双语支持** | 完美支持中英双语切换 |
|
||||
|
||||
## 🛠️ 技术栈
|
||||
|
||||
**前端**
|
||||
- React 18 + TypeScript + Vite
|
||||
- react-globe.gl + Three.js(3D 可视化)
|
||||
- React Router(路由管理)
|
||||
- 纯 CSS(响应式设计)
|
||||
|
||||
**后端**(二选一)
|
||||
- Cloudflare Workers(边缘计算,推荐)
|
||||
- Node.js + Express
|
||||
|
||||
**API**
|
||||
- GlobalPing API(延迟测量)
|
||||
- ip-api.com(GeoIP 查询)
|
||||
|
||||
## 🚀 快速开始
|
||||
|
||||
### 安装依赖
|
||||
|
||||
```bash
|
||||
git clone https://github.com/your-username/LatencyTest.git
|
||||
cd LatencyTest
|
||||
npm install
|
||||
```
|
||||
|
||||
### 开发模式
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
## 📦 部署
|
||||
|
||||
### 方式一:Cloudflare Workers(推荐)
|
||||
|
||||
```bash
|
||||
# 安装并登录 Wrangler
|
||||
npm install -g wrangler
|
||||
wrangler login
|
||||
|
||||
# 部署
|
||||
npm run deploy
|
||||
```
|
||||
|
||||
### 方式二:Node.js 服务器
|
||||
|
||||
```bash
|
||||
# 构建
|
||||
npm run build
|
||||
|
||||
# 启动
|
||||
npm run start
|
||||
```
|
||||
|
||||
## 📸 截图
|
||||
|
||||
> *截图待添加*
|
||||
|
||||
## 📄 许可证
|
||||
|
||||
待定
|
||||
|
||||
Reference in New Issue
Block a user