加密货币数据查看器

加密MCP——全栈

简单的加密数据查看器，具有FastAPI后端和React+Vite前端。通过REST获取股票行情数据，并通过WebSocket流式传输更新。

先决条件

• Windows PowerShell
• Python 3.13+（虚拟环境位于 backend/.venv)
• Node.js 18+和npm

后端--一步一步

1. 打开PowerShell并转到后端目录：
   复制

   cd backend
   

2. 激活虚拟环境：
   复制

   .\.venv\Scripts\Activate.ps1
   

3. 安装依赖项：
   复制

   python -m pip install -r .\requirements.txt
   

4. 在端口8001上运行API服务器：
   复制

   .\.venv\Scripts\python.exe -m uvicorn app.main:app --host 127.0.0.1 --port 8001
   

5. 验证服务器是否响应以及CORS是否正常工作：
   复制

   Invoke-WebRequest -Uri http://127.0.0.1:8001/api/ping -Method GET -Headers @{Origin='http://localhost:5173'}
   

前端——一步一步

1. 打开一个新的PowerShell并转到前端目录：
   复制

   cd frontend
   

2. 安装依赖项：
   复制

   npm install
   

3. 为前端设置后端主机/端口，并在固定端口上启动Vite：
   复制

   $env:VITE_API_HOST='127.0.0.1'
   $env:VITE_API_PORT=8001
   npm run dev -- --host --port 5173 --strictPort
   

4. 打开应用程序：
   • http://localhost:5173/

使用应用程序

• 进入 exchange （例如。， binance)以及 symbol （例如。， BTC/USDT).
• 点击 Fetch Ticker 对于REST数据(/api/ticker/{exchange}/{symbol}).
• 点击 Connect WS 订阅实时更新(/api/ws/subscribe/{exchange}/{symbol}).

提示

• 如果端口繁忙，请释放它并重试：
  复制

  Get-NetTCPConnection -LocalPort 5173 | Select LocalAddress,LocalPort,State,OwningProcess
  Get-Process -Id <PID> | Select Id, ProcessName, Path
  Stop-Process -Id <PID> -Force
  

• 后端也适用于端口8000。如果使用8000，请设置：
  复制

  $env:VITE_API_PORT=8000
  

• 带有斜线的符号，如 BTC/USDT 由后端路由支持。