Евгений Галиев

HTML разметка

<span id="ez-geo-ip"></span>

JavaScript код

// Кеширование на 24 часа
const CACHE_KEY = 'user_city';
const CACHE_DURATION = 24 * 60 * 60 * 1000; // 24 часа

const cachedData = localStorage.getItem(CACHE_KEY);
const cacheTime = localStorage.getItem(CACHE_KEY + '_time');

// Проверяем свежесть кеша
if (cachedData && cacheTime && (Date.now() - parseInt(cacheTime)) < CACHE_DURATION) {
    if (cachedData !== 'null' && cachedData !== '') {
        document.getElementById('ez-geo-ip').textContent = cachedData;
    }
} else {
    // Определяем город
    fetch('https://api.ipgeolocation.io/ipgeo?lang=ru')
        .then(response => {
            if (!response.ok) throw new Error('ipgeolocation недоступен');
            return response.json();
        })
        .then(data => {
            if (data.city) {
                localStorage.setItem(CACHE_KEY, data.city);
                localStorage.setItem(CACHE_KEY + '_time', Date.now().toString());
                document.getElementById('ez-geo-ip').textContent = data.city;
            } else {
                throw new Error('Город не найден');
            }
        })
        .catch(() => {
            fetch('https://ipwhois.app/json/?lang=ru')
                .then(response => {
                    if (!response.ok) throw new Error('ipwhois недоступен');
                    return response.json();
                })
                .then(data => {
                    if (data.city) {
                        localStorage.setItem(CACHE_KEY, data.city);
                        localStorage.setItem(CACHE_KEY + '_time', Date.now().toString());
                        document.getElementById('ez-geo-ip').textContent = data.city;
                    } else {
                        localStorage.setItem(CACHE_KEY, '');
                        localStorage.setItem(CACHE_KEY + '_time', Date.now().toString());
                    }
                })
                .catch(() => {
                    localStorage.setItem(CACHE_KEY, '');
                    localStorage.setItem(CACHE_KEY + '_time', Date.now().toString());
                });
        });
}

Используемые API

Основной: ipgeolocation.io - 1000 запросов в день бесплатно
Резервный: ipwhois.io - 10000 запросов в месяц бесплатно

Оба сервиса поддерживают русскую локализацию названий городов.

Принцип работы

1. Проверяется наличие кеша в localStorage
2. Если кеш свежий (менее 24 часов) - город отображается мгновенно
3. При отсутствии кеша делается запрос к основному API
4. При недоступности основного API используется резервный
5. Результат кешируется на 24 часа

Результат

При успешном определении отображается название города: Москва
При ошибке или отсутствии данных: пустая строка

Решение обеспечивает надежное определение города с минимальной нагрузкой на внешние сервисы.