aws-SkyRoute — aws 天路（SkyRoute）

SkyRoute — 3D 全球流量监控器 一个自包含的 HTML/WebGL 仪表盘，渲染一个 3D 球体，显示来自全球用户的实时流量连接到您的 AWS 后端区域。 功能 3D 球体带有国家多边形（无外部纹理 — 纯几何） 从用户位置到目标区域的动画弧线，根据延迟时间进行颜色编码（绿色 < 100ms，黄色 < 300ms，红色 > 300ms） CloudFront 边缘面板显示请求量最高的 PoPs 指标面板：活跃连接、RPS、P95/P99 延迟时间、错误率 警报模式：当错误率激增时，标题闪烁红色，并显示警报徽章 Sparkline 趋势用于延迟时间/RPS 历史记录 国家名称映射（CC → 中文名称） 文件 assets/globe.html — 完整的独立仪表盘（Three.js + 自定义着色器通过 CDN） 使用方法 静态演示 直接在浏览器中打开 assets/globe.html。它包含一个模拟全球流量的模拟数据生成器。 使用真实数据 要连接真实数据，请修改 HTML 中的 generateConnections() 函数以从您的数据源获取数据。 每个连接的预期数据格式： { "lat": 51.5, "lng": -0.12, "latency": 85, "country": "GB", "requests": 1200 } 数据源（集成想法） ALB 访问日志 → 解析源 IP → GeoIP 查找 → 按区域聚合 CloudFront 实时日志 → Kinesis → Lambda → WebSocket 推送 自定义指标 API → 每 5 秒从您的监控后端轮询 GeoIP 设置 为了生产使用，请获取 MaxMind GeoLite2-City 数据库： 在 https://www.maxmind.com/en/geolite2/signup 注册 下载 GeoLite2-City.mmdb 使用后端服务解析 IP → lat/lng 自定义 配置位置描述 目标区域 TARGET_REGION AWS 区域坐标（默认：us-west-2） 颜色阈值 getArcColor() 延迟时间 → 颜色映射 警报阈值 ERROR_THRESHOLD 错误率 % 触发警报模式 面板布局 CSS .panel 类 重新定位信息面板 国家名称 CC_NAMES 对象 ISO 代码 → 显示名称映射 部署 作为静态文件在任何 web 服务器后面提供服务，或嵌入到内部仪表盘中（Grafana iframe、TV 显示等）。 对于可视化本身不需要后端 — 所有渲染都是客户端 WebGL。