2025-08-02 01:48:18 +02:00
|
|
|
const API_BASE_URL = 'https://fbbb261497e3.ngrok-free.app';
|
2025-08-01 23:41:32 +02:00
|
|
|
|
|
|
|
// Funzione per mostrare messaggi di status
|
|
|
|
function showStatus(message, isSuccess = true) {
|
|
|
|
const statusDiv = document.getElementById('status');
|
|
|
|
statusDiv.innerHTML = `<div class="status ${isSuccess ? 'success' : 'error'}">${message}</div>`;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Funzione per mostrare i risultati
|
|
|
|
function showResult(data) {
|
|
|
|
const resultDiv = document.getElementById('result');
|
|
|
|
resultDiv.style.display = 'block';
|
|
|
|
resultDiv.textContent = JSON.stringify(data, null, 2);
|
|
|
|
}
|
|
|
|
|
|
|
|
// GET: Ottiene dati dal database
|
|
|
|
async function getData() {
|
|
|
|
try {
|
|
|
|
console.log('📥 Richiesta GET in corso...');
|
|
|
|
showStatus('📥 Richiesta GET in corso...', true);
|
|
|
|
|
|
|
|
const response = await fetch(`${API_BASE_URL}/api/data`);
|
|
|
|
const data = await response.json();
|
|
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
showStatus('✅ Dati ottenuti con successo!', true);
|
|
|
|
showResult(data);
|
|
|
|
} else {
|
|
|
|
showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Errore GET:', error);
|
|
|
|
showStatus(`❌ Errore di connessione: ${error.message}`, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// POST: Inserisce dati nel database
|
|
|
|
async function createData() {
|
|
|
|
try {
|
|
|
|
console.log('📤 Richiesta POST in corso...');
|
|
|
|
showStatus('📤 Richiesta POST in corso...', true);
|
|
|
|
|
|
|
|
const response = await fetch(`${API_BASE_URL}/api/data`, {
|
|
|
|
method: 'POST',
|
|
|
|
headers: {
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
const data = await response.json();
|
|
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
showStatus('✅ Dato inserito con successo!', true);
|
|
|
|
showResult(data);
|
|
|
|
} else {
|
|
|
|
showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Errore POST:', error);
|
|
|
|
showStatus(`❌ Errore di connessione: ${error.message}`, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2025-08-02 01:48:18 +02:00
|
|
|
// POST: Inserisce coordinate nel database
|
|
|
|
async function createCoordinates() {
|
|
|
|
try {
|
|
|
|
console.log('📍 Richiesta POST coordinate in corso...');
|
|
|
|
showStatus('📍 Richiesta POST coordinate in corso...', true);
|
|
|
|
|
|
|
|
coordinates = {
|
|
|
|
"coords": [123.12,456.78],
|
|
|
|
}
|
|
|
|
|
|
|
|
const response = await fetch(`${API_BASE_URL}/geo-access`, {
|
|
|
|
method: 'POST',
|
|
|
|
headers: {
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
},
|
|
|
|
body: JSON.stringify(coordinates)
|
|
|
|
});
|
|
|
|
|
|
|
|
const data = await response.json();
|
|
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
showStatus('✅ Coordinate inserite con successo!', true);
|
|
|
|
showResult(data);
|
|
|
|
} else {
|
|
|
|
showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Errore POST coordinate:', error);
|
|
|
|
showStatus(`❌ Errore di connessione: ${error.message}`, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2025-08-02 02:57:45 +02:00
|
|
|
// Check GPS Location
|
|
|
|
async function checkGPSLocation() {
|
|
|
|
try {
|
|
|
|
console.log('🌍 Richiesta coordinate GPS...');
|
|
|
|
showStatus('🌍 Richiesta coordinate GPS...', true);
|
|
|
|
|
|
|
|
// Ottieni coordinate GPS
|
|
|
|
const position = await getCurrentPosition();
|
|
|
|
const { latitude, longitude } = position.coords;
|
|
|
|
|
|
|
|
console.log(`📍 Coordinate GPS: ${latitude}, ${longitude}`);
|
|
|
|
showStatus(`📍 Coordinate GPS ottenute: ${latitude.toFixed(6)}, ${longitude.toFixed(6)}`, true);
|
|
|
|
|
|
|
|
// Chiama la route geo-access/real
|
|
|
|
const coordinates = {
|
|
|
|
"coords": [latitude, longitude]
|
|
|
|
};
|
|
|
|
|
|
|
|
const response = await fetch(`${API_BASE_URL}/geo-access/real`, {
|
|
|
|
method: 'POST',
|
|
|
|
headers: {
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
},
|
|
|
|
body: JSON.stringify(coordinates)
|
|
|
|
});
|
|
|
|
|
|
|
|
const data = await response.json();
|
|
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
const result = data.success ? '✅ DENTRO' : '❌ FUORI';
|
2025-08-02 03:36:15 +02:00
|
|
|
showStatus(`${result} - Sei ${data.success ? 'dentro' : 'fuori'} dal raggio di 2000 metri!`, data.success);
|
2025-08-02 02:57:45 +02:00
|
|
|
showResult(data);
|
|
|
|
} else {
|
|
|
|
showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Errore GPS:', error);
|
|
|
|
showStatus(`❌ Errore GPS: ${error.message}`, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Funzione per ottenere la posizione GPS
|
|
|
|
function getCurrentPosition() {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
if (!navigator.geolocation) {
|
|
|
|
reject(new Error('Geolocalizzazione non supportata'));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
navigator.geolocation.getCurrentPosition(
|
|
|
|
(position) => resolve(position),
|
|
|
|
(error) => reject(new Error(`Errore GPS: ${error.message}`)),
|
|
|
|
{
|
|
|
|
enableHighAccuracy: true,
|
|
|
|
timeout: 10000,
|
|
|
|
maximumAge: 60000
|
|
|
|
}
|
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// Send Molinella coordinates
|
|
|
|
async function sendMolinellaCoordinates() {
|
|
|
|
try {
|
|
|
|
console.log('🏘️ Invio coordinate Molinella...');
|
|
|
|
showStatus('🏘️ Invio coordinate Molinella...', true);
|
|
|
|
|
|
|
|
// Coordinate hardcoded di Molinella
|
|
|
|
const coordinates = {
|
|
|
|
"coords": [44.61758, 11.66719]
|
|
|
|
};
|
|
|
|
|
|
|
|
console.log(`📍 Coordinate Molinella: ${coordinates.coords[0]}, ${coordinates.coords[1]}`);
|
|
|
|
showStatus(`📍 Coordinate Molinella: ${coordinates.coords[0]}, ${coordinates.coords[1]}`, true);
|
|
|
|
|
|
|
|
// Chiama la route geo-access/real
|
|
|
|
const response = await fetch(`${API_BASE_URL}/geo-access/real`, {
|
|
|
|
method: 'POST',
|
|
|
|
headers: {
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
},
|
|
|
|
body: JSON.stringify(coordinates)
|
|
|
|
});
|
|
|
|
|
|
|
|
const data = await response.json();
|
|
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
const result = data.success ? '✅ DENTRO' : '❌ FUORI';
|
|
|
|
showStatus(`${result} - Molinella è ${data.success ? 'dentro' : 'fuori'} dal raggio di 50 metri!`, data.success);
|
|
|
|
showResult(data);
|
|
|
|
} else {
|
|
|
|
showStatus(`❌ Errore: ${data.detail || 'Errore sconosciuto'}`, false);
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.error('Errore Molinella:', error);
|
|
|
|
showStatus(`❌ Errore di connessione: ${error.message}`, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2025-08-01 23:41:32 +02:00
|
|
|
// Test di connessione all'avvio
|
|
|
|
window.addEventListener('load', async () => {
|
|
|
|
try {
|
|
|
|
const response = await fetch(`${API_BASE_URL}/`);
|
|
|
|
if (response.ok) {
|
|
|
|
console.log('✅ Backend connesso!');
|
|
|
|
} else {
|
|
|
|
console.log('❌ Backend non raggiungibile');
|
|
|
|
}
|
|
|
|
} catch (error) {
|
|
|
|
console.log('❌ Backend non raggiungibile:', error.message);
|
|
|
|
}
|
|
|
|
});
|