| | <!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> |
| |
|
| |
|
