|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>API Endpoints Test</title> |
|
|
<style> |
|
|
body { |
|
|
font-family: Arial, sans-serif; |
|
|
max-width: 1200px; |
|
|
margin: 0 auto; |
|
|
padding: 20px; |
|
|
background: #1a1a1a; |
|
|
color: #fff; |
|
|
} |
|
|
h1 { |
|
|
color: #4CAF50; |
|
|
} |
|
|
.test-section { |
|
|
background: #2a2a2a; |
|
|
padding: 15px; |
|
|
margin: 10px 0; |
|
|
border-radius: 5px; |
|
|
border-left: 4px solid #4CAF50; |
|
|
} |
|
|
.endpoint { |
|
|
margin: 10px 0; |
|
|
padding: 10px; |
|
|
background: #333; |
|
|
border-radius: 3px; |
|
|
} |
|
|
.endpoint-url { |
|
|
color: #64B5F6; |
|
|
font-family: monospace; |
|
|
font-size: 14px; |
|
|
} |
|
|
button { |
|
|
background: #4CAF50; |
|
|
color: white; |
|
|
border: none; |
|
|
padding: 8px 16px; |
|
|
border-radius: 4px; |
|
|
cursor: pointer; |
|
|
margin: 5px; |
|
|
} |
|
|
button:hover { |
|
|
background: #45a049; |
|
|
} |
|
|
.result { |
|
|
margin-top: 10px; |
|
|
padding: 10px; |
|
|
background: #1a1a1a; |
|
|
border-radius: 3px; |
|
|
white-space: pre-wrap; |
|
|
font-family: monospace; |
|
|
font-size: 12px; |
|
|
max-height: 300px; |
|
|
overflow-y: auto; |
|
|
} |
|
|
.success { |
|
|
border-left: 4px solid #4CAF50; |
|
|
} |
|
|
.error { |
|
|
border-left: 4px solid #f44336; |
|
|
} |
|
|
.loading { |
|
|
color: #FFC107; |
|
|
} |
|
|
</style> |
|
|
|
|
|
<script src="/static/js/api-config.js"></script> |
|
|
<script> |
|
|
|
|
|
window.apiReady = new Promise((resolve) => { |
|
|
if (window.apiClient) { |
|
|
console.log('✅ API Client ready'); |
|
|
resolve(window.apiClient); |
|
|
} else { |
|
|
console.error('❌ API Client not loaded'); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
|
|
|
</head> |
|
|
<body> |
|
|
<h1>🔧 API Endpoints Test</h1> |
|
|
<p>Testing all fixed endpoints...</p> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>1. Health Check</h2> |
|
|
<div class="endpoint"> |
|
|
<div class="endpoint-url">GET /api/health</div> |
|
|
<button onclick="testHealth()">Test</button> |
|
|
<div id="health-result" class="result"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>2. Exchange Rate (Fixed)</h2> |
|
|
<div class="endpoint"> |
|
|
<div class="endpoint-url">GET /api/service/rate?pair=BTC/USDT</div> |
|
|
<button onclick="testRate()">Test</button> |
|
|
<div id="rate-result" class="result"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>3. Market OHLC (New)</h2> |
|
|
<div class="endpoint"> |
|
|
<div class="endpoint-url">GET /api/market/ohlc?symbol=BTC&interval=1h&limit=10</div> |
|
|
<button onclick="testOHLC()">Test</button> |
|
|
<div id="ohlc-result" class="result"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>4. OHLCV (New)</h2> |
|
|
<div class="endpoint"> |
|
|
<div class="endpoint-url">GET /api/ohlcv?symbol=BTC&timeframe=1h&limit=10</div> |
|
|
<button onclick="testOHLCV()">Test</button> |
|
|
<div id="ohlcv-result" class="result"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>5. Latest News (Fixed - Real Data Only)</h2> |
|
|
<div class="endpoint"> |
|
|
<div class="endpoint-url">GET /api/news/latest?limit=3</div> |
|
|
<button onclick="testNews()">Test</button> |
|
|
<div id="news-result" class="result"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="test-section"> |
|
|
<h2>6. Test All Endpoints</h2> |
|
|
<button onclick="testAll()" style="background: #2196F3; font-size: 16px; padding: 12px 24px;">🚀 Test All Endpoints</button> |
|
|
<div id="all-results" class="result"></div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
const API_BASE = window.location.origin; |
|
|
|
|
|
async function testEndpoint(url, resultId) { |
|
|
const resultDiv = document.getElementById(resultId); |
|
|
resultDiv.className = 'result loading'; |
|
|
resultDiv.textContent = '⏳ Testing...'; |
|
|
|
|
|
try { |
|
|
const startTime = Date.now(); |
|
|
const response = await fetch(url); |
|
|
const duration = Date.now() - startTime; |
|
|
|
|
|
const data = await response.json(); |
|
|
|
|
|
if (response.ok) { |
|
|
resultDiv.className = 'result success'; |
|
|
resultDiv.textContent = `✅ SUCCESS (${duration}ms)\n\n${JSON.stringify(data, null, 2)}`; |
|
|
} else { |
|
|
resultDiv.className = 'result error'; |
|
|
resultDiv.textContent = `❌ ERROR ${response.status}\n\n${JSON.stringify(data, null, 2)}`; |
|
|
} |
|
|
} catch (error) { |
|
|
resultDiv.className = 'result error'; |
|
|
resultDiv.textContent = `❌ FAILED\n\n${error.message}\n\n⚠️ Make sure Flask server is running and restarted after code changes!`; |
|
|
} |
|
|
} |
|
|
|
|
|
function testHealth() { |
|
|
testEndpoint(`${API_BASE}/api/health`, 'health-result'); |
|
|
} |
|
|
|
|
|
function testRate() { |
|
|
testEndpoint(`${API_BASE}/api/service/rate?pair=BTC/USDT`, 'rate-result'); |
|
|
} |
|
|
|
|
|
function testOHLC() { |
|
|
testEndpoint(`${API_BASE}/api/market/ohlc?symbol=BTC&interval=1h&limit=10`, 'ohlc-result'); |
|
|
} |
|
|
|
|
|
function testOHLCV() { |
|
|
testEndpoint(`${API_BASE}/api/ohlcv?symbol=BTC&timeframe=1h&limit=10`, 'ohlcv-result'); |
|
|
} |
|
|
|
|
|
function testNews() { |
|
|
testEndpoint(`${API_BASE}/api/news/latest?limit=3`, 'news-result'); |
|
|
} |
|
|
|
|
|
async function testAll() { |
|
|
const allResults = document.getElementById('all-results'); |
|
|
allResults.className = 'result loading'; |
|
|
allResults.textContent = '⏳ Testing all endpoints...\n\n'; |
|
|
|
|
|
const endpoints = [ |
|
|
{ name: 'Health', url: '/api/health' }, |
|
|
{ name: 'Exchange Rate', url: '/api/service/rate?pair=BTC/USDT' }, |
|
|
{ name: 'Market OHLC', url: '/api/market/ohlc?symbol=BTC&interval=1h&limit=10' }, |
|
|
{ name: 'OHLCV', url: '/api/ohlcv?symbol=BTC&timeframe=1h&limit=10' }, |
|
|
{ name: 'Latest News', url: '/api/news/latest?limit=3' } |
|
|
]; |
|
|
|
|
|
let results = []; |
|
|
|
|
|
for (const endpoint of endpoints) { |
|
|
try { |
|
|
const startTime = Date.now(); |
|
|
const response = await fetch(`${API_BASE}${endpoint.url}`); |
|
|
const duration = Date.now() - startTime; |
|
|
const data = await response.json(); |
|
|
|
|
|
if (response.ok) { |
|
|
results.push(`✅ ${endpoint.name}: SUCCESS (${duration}ms)`); |
|
|
} else { |
|
|
results.push(`❌ ${endpoint.name}: ERROR ${response.status}`); |
|
|
} |
|
|
} catch (error) { |
|
|
results.push(`❌ ${endpoint.name}: FAILED - ${error.message}`); |
|
|
} |
|
|
|
|
|
allResults.textContent = results.join('\n') + '\n\n⏳ Testing...'; |
|
|
} |
|
|
|
|
|
const successCount = results.filter(r => r.startsWith('✅')).length; |
|
|
const totalCount = results.length; |
|
|
|
|
|
allResults.className = successCount === totalCount ? 'result success' : 'result error'; |
|
|
allResults.textContent = results.join('\n') + `\n\n📊 Results: ${successCount}/${totalCount} passed`; |
|
|
|
|
|
if (successCount < totalCount) { |
|
|
allResults.textContent += '\n\n⚠️ Some endpoints failed. Make sure:'; |
|
|
allResults.textContent += '\n1. Flask server is running (python app.py)'; |
|
|
allResults.textContent += '\n2. Server was restarted after code changes'; |
|
|
allResults.textContent += '\n3. Check server logs for errors'; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
window.addEventListener('load', () => { |
|
|
setTimeout(testAll, 1000); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
|
|
|
