diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 00000000..3ea9499c
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,39 @@
+events {
+ worker_connections 1024;
+}
+
+http {
+ server {
+ listen 80;
+
+ # Статический контент (твой сайт)
+ location / {
+ root /usr/share/nginx/html;
+ index index.html;
+ try_files $uri $uri/ /index.html;
+ }
+
+ # Проксирование запросов к API
+ location /weather {
+ proxy_pass https://176.59.144.152/v1/forecast; # IP-адрес api.projecteol.ru
+ proxy_set_header Host $host;
+ proxy_set_header X-Real-IP $remote_addr;
+ proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+ proxy_set_header X-Forwarded-Proto $scheme;
+
+ # Добавляем заголовки для CORS
+ add_header 'Access-Control-Allow-Origin' '*';
+ add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
+ add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
+ add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
+
+ # Обработка OPTIONS запросов
+ if ($request_method = 'OPTIONS') {
+ add_header 'Access-Control-Max-Age' 1728000;
+ add_header 'Content-Type' 'text/plain charset=UTF-8';
+ add_header 'Content-Length' 0;
+ return 204;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/proxy.py b/proxy.py
new file mode 100644
index 00000000..78ccc692
--- /dev/null
+++ b/proxy.py
@@ -0,0 +1,42 @@
+from flask import Flask, request, jsonify
+from flask_cors import CORS
+import requests
+from datetime import datetime
+
+app = Flask(__name__)
+CORS(app)
+
+@app.route('/weather', methods=['GET'])
+def weather_proxy():
+ lat = request.args.get('lat')
+ lon = request.args.get('lon')
+ token = request.args.get('token')
+ date = request.args.get('date', default=datetime.now().strftime('%Y-%m-%d'))
+
+ if not lat or not lon or not token:
+ return jsonify({"error": "Missing parameters: lat, lon, token"}), 400
+
+ # Исправленный URL (соответствует реальному API)
+ target_url = f'https://projecteol.ru/ru/api/weather?lat={lat}&lon={lon}&date={date}&token={token}'
+
+ try:
+ headers = {
+ 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+ }
+ response = requests.get(target_url, headers=headers, timeout=10)
+
+ return jsonify(response.json()), response.status_code, {
+ 'Access-Control-Allow-Origin': '*',
+ 'Access-Control-Allow-Methods': 'GET, OPTIONS',
+ 'Access-Control-Allow-Headers': 'Content-Type'
+ }
+
+ except Exception as e:
+ return jsonify({
+ "error": "Proxy error",
+ "message": str(e),
+ "url": target_url
+ }), 500, {'Access-Control-Allow-Origin': '*'}
+
+if __name__ == '__main__':
+ app.run(host='0.0.0.0', port=8080, debug=True) # Важно: 0.0.0.0!
\ No newline at end of file
diff --git a/script.js b/script.js
index 1dbefdaf..4ed7a1d0 100644
--- a/script.js
+++ b/script.js
@@ -18,30 +18,16 @@ async function loadCities() {
// Пытаемся загрузить russia-cities.json
let data = null;
try {
- const response = await fetch('russia-cities.json');
+ const response = await fetch('cities.json');
if (response.ok) {
data = await response.json();
- console.log(`✅ Загружен russia-cities.json, количество записей: ${data.length}`);
- } else {
- console.warn("russia-cities.json не найден, пробуем cities.json");
+ console.log(`✅ Загружен cities.json, количество записей: ${data.length}`);
}
} catch (e) {
- console.warn("Ошибка загрузки russia-cities.json", e);
- }
-
- // Если не загрузился, пробуем cities.json (простой формат)
- if (!data) {
- try {
- const response = await fetch('cities.json');
- if (response.ok) {
- data = await response.json();
- console.log(`✅ Загружен cities.json, количество записей: ${data.length}`);
- }
- } catch (e) {
console.warn("cities.json не найден");
- }
}
+
// Если данные есть – преобразуем в единый формат
if (data && Array.isArray(data)) {
// Определяем формат: если первый объект имеет поля coords.lat, то это формат russia-cities
@@ -163,19 +149,13 @@ searchInput.addEventListener('keypress', (e) => {
// ------------------- 6. РАБОТА С ПОГОДНЫМ API -------------------
const API_TOKEN = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNzc1Mzg3MjA1LCJpYXQiOjE3NzUzODY5MDUsImp0aSI6ImYwNjQ2NzU1NDY2ZTRmMDk4YjJmZjc0ODJjYWU0OWMxIiwidXNlcl9pZCI6IjM2NTQifQ.TXWDYHAIz-VBflSnF4mbF79GGisZOTeg9y2ANTSw6vI';
const API_URL = 'https://api.projecteol.ru/v1/forecast/';
-
async function fetchWeather(lat, lon, cityName) {
try {
document.getElementById('weather-title').innerHTML = `⏳ Загрузка погоды для ${cityName}...`;
-
- // Если нет токена – показываем демо-данные
- if (API_TOKEN === 'ТВОЙ_УНИКАЛЬНЫЙ_ТОКЕН') {
- console.warn("⚠️ Не задан API-ключ. Используем демонстрационные данные.");
- showDemoWeather(cityName);
- return;
- }
-
- const url = `${API_URL}?lat=${lat}&lon=${lon}&token=${API_TOKEN}`;
+
+ //const url = `${API_URL}?lat=${lat}&lon=${lon}&token=${API_TOKEN}`;
+ const today = new Date().toISOString().split('T')[0];
+ const url = `http://localhost:8080/weather?lat=${lat}&lon=${lon}&date=${today}&token=${API_TOKEN}`;
const response = await fetch(url);
if (!response.ok) throw new Error(`HTTP ${response.status}`);
const data = await response.json();
@@ -200,9 +180,45 @@ function showDemoWeather(cityName) {
}
function processWeatherData(data, cityName) {
- // Здесь должен быть разбор реального ответа от projecteol
- // Пока заглушка – вызываем демо
- showDemoWeather(cityName);
+ // data - это массив почасовых прогнозов
+ if (!Array.isArray(data) || data.length === 0) {
+ console.error("Нет данных от API", data);
+ showDemoWeather(cityName);
+ return;
+ }
+
+ // Группируем по дням
+ const daily = {};
+ data.forEach(item => {
+ const date = item.dt_forecast.split(' ')[0]; // "2026-04-06"
+ if (!daily[date]) {
+ daily[date] = { temps: [], rains: [], winds: [] };
+ }
+ daily[date].temps.push(item.temp_2_cel);
+ daily[date].rains.push(item.prate);
+ daily[date].winds.push(item.wind_speed_10);
+ });
+
+ // Вычисляем средние за день
+ const dates = [];
+ const temps = [];
+ const rains = [];
+ const winds = [];
+
+ for (const [date, values] of Object.entries(daily)) {
+ dates.push(date);
+ const avgTemp = values.temps.reduce((a,b) => a+b,0) / values.temps.length;
+ temps.push(avgTemp.toFixed(1));
+ const totalRain = values.rains.reduce((a,b) => a+b,0);
+ rains.push(totalRain.toFixed(1));
+ const avgWind = values.winds.reduce((a,b) => a+b,0) / values.winds.length;
+ winds.push(avgWind.toFixed(1));
+ }
+
+ document.getElementById('weather-title').innerHTML = `🌤️ Прогноз погоды: ${cityName}`;
+ updateChart('tempChart', dates, temps, 'Температура (°C)', 'rgba(255,99,132,0.2)', 'rgba(255,99,132,1)', 'line');
+ updateChart('rainChart', dates, rains, 'Осадки (мм)', 'rgba(54,162,235,0.2)', 'rgba(54,162,235,1)', 'bar');
+ updateChart('windChart', dates, winds, 'Ветер (м/с)', 'rgba(75,192,192,0.2)', 'rgba(75,192,192,1)', 'line');
}
// ------------------- 7. ОТРИСОВКА ГРАФИКОВ -------------------
diff --git a/styles.css b/style.css
similarity index 94%
rename from styles.css
rename to style.css
index 427f15fb..253be893 100644
--- a/styles.css
+++ b/style.css
@@ -1,189 +1,189 @@
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-body {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- background: #f0f2f5;
- height: 100vh;
- overflow: hidden;
-}
-
-/* Основной контейнер: карта + панель */
-.app-container {
- display: flex;
- height: 100vh;
- width: 100%;
-}
-
-/* Левая часть — карта */
-.map-container {
- flex: 2;
- position: relative;
- border-radius: 12px;
- margin: 12px 0 12px 12px;
- box-shadow: 0 4px 20px rgba(0,0,0,0.1);
- overflow: hidden;
-}
-
-#map {
- height: 100%;
- width: 100%;
- border-radius: 12px;
-}
-
-/* Правая панель — поиск + графики */
-.dashboard {
- flex: 1.2;
- background: white;
- margin: 12px 12px 12px 0;
- border-radius: 12px;
- box-shadow: 0 4px 20px rgba(0,0,0,0.1);
- display: flex;
- flex-direction: column;
- overflow-y: auto;
- padding: 20px;
-}
-
-/* Поиск */
-.search-section {
- margin-bottom: 25px;
- background: #f8f9fa;
- padding: 15px;
- border-radius: 16px;
-}
-
-.search-section h3 {
- margin-bottom: 12px;
- color: #1e2a3a;
- font-size: 1.2rem;
-}
-
-.search-box {
- display: flex;
- gap: 10px;
-}
-
-#city-search {
- flex: 1;
- padding: 12px 15px;
- border: 1px solid #ddd;
- border-radius: 40px;
- font-size: 1rem;
- outline: none;
- transition: 0.2s;
-}
-
-#city-search:focus {
- border-color: #2c7da0;
- box-shadow: 0 0 0 2px rgba(44,125,160,0.2);
-}
-
-#search-btn {
- background: #2c7da0;
- color: white;
- border: none;
- padding: 0 25px;
- border-radius: 40px;
- font-weight: bold;
- cursor: pointer;
- transition: 0.2s;
- font-size: 1rem;
-}
-
-#search-btn:hover {
- background: #1f5e7a;
-}
-
-/* Заголовок погоды */
-.weather-header {
- margin: 10px 0 20px 0;
- text-align: center;
-}
-
-#weather-title {
- font-size: 1.5rem;
- font-weight: 600;
- color: #0b3b4f;
- border-bottom: 3px solid #2c7da0;
- display: inline-block;
- padding-bottom: 5px;
-}
-
-/* Блоки графиков */
-.charts-container {
- display: flex;
- flex-direction: column;
- gap: 30px;
-}
-
-.chart-card {
- background: #ffffff;
- border-radius: 20px;
- padding: 15px;
- box-shadow: 0 2px 8px rgba(0,0,0,0.05);
- border: 1px solid #e9ecef;
-}
-
-.chart-card h4 {
- margin-bottom: 15px;
- color: #2c3e50;
- font-size: 1.1rem;
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
-canvas {
- max-height: 220px;
- width: 100%;
-}
-
-/* Информация при отсутствии данных */
-.placeholder-message {
- text-align: center;
- color: #6c757d;
- padding: 40px 20px;
- background: #f8f9fa;
- border-radius: 20px;
- margin-top: 20px;
-}
-
-/* Адаптивность */
-@media (max-width: 800px) {
- .app-container {
- flex-direction: column;
- }
- .map-container {
- flex: 1;
- margin: 12px;
- min-height: 40vh;
- }
- .dashboard {
- flex: 1;
- margin: 0 12px 12px 12px;
- max-height: 50vh;
- }
-}
-
-/* Стили для всплывающих подсказок Leaflet (немного улучшим) */
-.leaflet-popup-content {
- font-size: 14px;
- font-weight: 500;
- color: #1e4663;
-}
-
-/* Скролл для панели */
-.dashboard::-webkit-scrollbar {
- width: 6px;
-}
-.dashboard::-webkit-scrollbar-track {
- background: #f1f1f1;
- border-radius: 10px;
-}
-.dashboard::-webkit-scrollbar-thumb {
- background: #b9c4ce;
- border-radius: 10px;
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ background: #f0f2f5;
+ height: 100vh;
+ overflow: hidden;
+}
+
+/* Основной контейнер: карта + панель */
+.app-container {
+ display: flex;
+ height: 100vh;
+ width: 100%;
+}
+
+/* Левая часть — карта */
+.map-container {
+ flex: 2;
+ position: relative;
+ border-radius: 12px;
+ margin: 12px 0 12px 12px;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+ overflow: hidden;
+}
+
+#map {
+ height: 100%;
+ width: 100%;
+ border-radius: 12px;
+}
+
+/* Правая панель — поиск + графики */
+.dashboard {
+ flex: 1.2;
+ background: white;
+ margin: 12px 12px 12px 0;
+ border-radius: 12px;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+ display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+ padding: 20px;
+}
+
+/* Поиск */
+.search-section {
+ margin-bottom: 25px;
+ background: #f8f9fa;
+ padding: 15px;
+ border-radius: 16px;
+}
+
+.search-section h3 {
+ margin-bottom: 12px;
+ color: #1e2a3a;
+ font-size: 1.2rem;
+}
+
+.search-box {
+ display: flex;
+ gap: 10px;
+}
+
+#city-search {
+ flex: 1;
+ padding: 12px 15px;
+ border: 1px solid #ddd;
+ border-radius: 40px;
+ font-size: 1rem;
+ outline: none;
+ transition: 0.2s;
+}
+
+#city-search:focus {
+ border-color: #2c7da0;
+ box-shadow: 0 0 0 2px rgba(44,125,160,0.2);
+}
+
+#search-btn {
+ background: #2c7da0;
+ color: white;
+ border: none;
+ padding: 0 25px;
+ border-radius: 40px;
+ font-weight: bold;
+ cursor: pointer;
+ transition: 0.2s;
+ font-size: 1rem;
+}
+
+#search-btn:hover {
+ background: #1f5e7a;
+}
+
+/* Заголовок погоды */
+.weather-header {
+ margin: 10px 0 20px 0;
+ text-align: center;
+}
+
+#weather-title {
+ font-size: 1.5rem;
+ font-weight: 600;
+ color: #0b3b4f;
+ border-bottom: 3px solid #2c7da0;
+ display: inline-block;
+ padding-bottom: 5px;
+}
+
+/* Блоки графиков */
+.charts-container {
+ display: flex;
+ flex-direction: column;
+ gap: 30px;
+}
+
+.chart-card {
+ background: #ffffff;
+ border-radius: 20px;
+ padding: 15px;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+ border: 1px solid #e9ecef;
+}
+
+.chart-card h4 {
+ margin-bottom: 15px;
+ color: #2c3e50;
+ font-size: 1.1rem;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+canvas {
+ max-height: 220px;
+ width: 100%;
+}
+
+/* Информация при отсутствии данных */
+.placeholder-message {
+ text-align: center;
+ color: #6c757d;
+ padding: 40px 20px;
+ background: #f8f9fa;
+ border-radius: 20px;
+ margin-top: 20px;
+}
+
+/* Адаптивность */
+@media (max-width: 800px) {
+ .app-container {
+ flex-direction: column;
+ }
+ .map-container {
+ flex: 1;
+ margin: 12px;
+ min-height: 40vh;
+ }
+ .dashboard {
+ flex: 1;
+ margin: 0 12px 12px 12px;
+ max-height: 50vh;
+ }
+}
+
+/* Стили для всплывающих подсказок Leaflet (немного улучшим) */
+.leaflet-popup-content {
+ font-size: 14px;
+ font-weight: 500;
+ color: #1e4663;
+}
+
+/* Скролл для панели */
+.dashboard::-webkit-scrollbar {
+ width: 6px;
+}
+.dashboard::-webkit-scrollbar-track {
+ background: #f1f1f1;
+ border-radius: 10px;
+}
+.dashboard::-webkit-scrollbar-thumb {
+ background: #b9c4ce;
+ border-radius: 10px;
}
\ No newline at end of file
diff --git a/test.html b/test.html
new file mode 100644
index 00000000..18ffbee5
--- /dev/null
+++ b/test.html
@@ -0,0 +1,54 @@
+
+
+
+
+
Тест карты + Open-Meteo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
From 27f844327c0943cdb22e34b1d8a4b7d402b86f06 Mon Sep 17 00:00:00 2001
From: Lisyonok04 <125237397+Lisyonok04@users.noreply.github.com>
Date: Mon, 6 Apr 2026 19:59:06 +0400
Subject: [PATCH 3/7] Update README.md
---
README.md | 46 ++--------------------------------------------
1 file changed, 2 insertions(+), 44 deletions(-)
diff --git a/README.md b/README.md
index 163d41b9..07f45d02 100644
--- a/README.md
+++ b/README.md
@@ -1,47 +1,4 @@
# Безопасность веб-приложений. Лабораторка №2
-
-## Схема сдачи
-
-1. Получить задание
-2. Сделать форк данного репозитория
-3. Выполнить задание согласно полученному варианту
-4. Сделать PR (pull request) в данный репозиторий
-6. Исправить замечания после code review
-7. Получить approve
-8. Прийти на занятие и защитить работу
-
-Что нужно проявить в работе:
-- умение разработать завершенное целое веб-приложение, с клиентской и серверной частями (допустимы открытые АПИ)
-- навыки верстки на html в объеме 200-300 тегов
-- навыки применения css для лейаута и стилизации, желательно с адаптацией к мобилке
-- использование jQuery или аналогичных JS-фреймворков
-- динамическая подгрузка контента
-- динамическое изменение DOM и CSSOM
-
-Если у вас своя идея по заданию, то расскажите, обсудим и подкорректирую.
-
-## Вариант 1. Расписания
-
-Сделать аналог раздела https://ssau.ru/rasp?groupId=531030143
-
-Какие нужны возможности:
-- справочники групп, табличные данные по расписаниям добывать с настоящего сайта на серверной стороне приложения
-- в клиентскую часть подгружать эти сведения динамически по JSON-API
-- обеспечить возможность смотреть расписания в разрезе группы или препода
-- обеспечить возможность выбора учебной недели (по умолчанию выбирается автоматически)
-
-## Вариант 2. Аналог Прибывалки для электричек
-
-Сделать веб-версию Прибывалки, только для электричек
-
-Какие нужны возможности:
-- находить желаемую ЖД-станцию поиском по названию и по карте
-- отображать расписания всех проходящих поездов через выбранную станцию
-- отображать расписания для поездов между двумя станциями
-- работа через АПИ Яндекс.Расписаний https://yandex.ru/dev/rasp/doc/ru/ (доступ получите сами)
-- хорошая работа в условиях экрана смартфона
-- бонус: функция "любимых остановок"
-
## Вариант 3. Прогноз погоды
Сделать одностраничный сайт с картой, на которой можно выбрать населенный пункт и получить прогноз погоды на несколько дней по нему.
@@ -54,7 +11,8 @@
- можете реализовать с собственным серверным компонентом или придумать, как обойтись без него
-
+## Пояснительная заметка
+В ходе написания лабораторной была предпринята попытка создать приложение с использованием предложенного в задании сайта - создан профиль, сгенерирован токен. Но, к сожалению, реализовать получение данных так и не получилось. Поэтому был использован сайт, где не требовалась подписка для получения данных о погодных условиях.
From 8ced1ee84c4139cde3b70083c8a643878bf5a624 Mon Sep 17 00:00:00 2001
From: Mary
Date: Mon, 6 Apr 2026 22:53:23 +0400
Subject: [PATCH 4/7] =?UTF-8?q?=D0=B5=D1=89=D0=B5=20=D0=BE=D0=B4=D0=BD?=
=?UTF-8?q?=D0=B0=20=D0=BF=D0=BE=D0=BF=D1=8B=D1=82=D0=BA=D0=B0=20=D1=81?=
=?UTF-8?q?=D0=B4=D0=B5=D0=BB=D0=B0=D1=82=D1=8C=20=D1=87=D0=B5=D1=80=D0=B5?=
=?UTF-8?q?=D0=B7=20=D1=81=D0=B2=D0=BE=D0=B9=20=D0=BF=D1=80=D0=BE=D0=BA?=
=?UTF-8?q?=D1=81=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
docker-compose.yaml | 2 +-
proxy.py | 140 ++++++++++++++++++++++++++++++++++++++------
script.js | 2 +-
test.html | 54 -----------------
4 files changed, 125 insertions(+), 73 deletions(-)
delete mode 100644 test.html
diff --git a/docker-compose.yaml b/docker-compose.yaml
index 9c09c919..c7dead5b 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -3,6 +3,6 @@ services:
web:
image: nginx:alpine
ports:
- - "8080:80"
+ - "8081:80"
volumes:
- ./:/usr/share/nginx/html:ro
diff --git a/proxy.py b/proxy.py
index 78ccc692..8e6c6d82 100644
--- a/proxy.py
+++ b/proxy.py
@@ -1,42 +1,148 @@
-from flask import Flask, request, jsonify
+"""
+Прокси-сервер для получения прогноза погоды
+Работает на: http://localhost:8080/weather?lat=...&lon=...&token=...
+"""
+
+from flask import Flask, request, jsonify, make_response
from flask_cors import CORS
import requests
from datetime import datetime
+import logging
+
+# Настройка логирования
+logging.basicConfig(
+ level=logging.INFO,
+ format='%(asctime)s - %(levelname)s - %(message)s'
+)
+logger = logging.getLogger(__name__)
+# Создаем приложение Flask
app = Flask(__name__)
-CORS(app)
-@app.route('/weather', methods=['GET'])
+# Включаем CORS для всех маршрутов
+CORS(app, resources={
+ r"/weather": {
+ "origins": "*", # Разрешаем запросы с любого домена
+ "methods": ["GET", "OPTIONS"],
+ "allow_headers": ["Content-Type"]
+ }
+})
+
+# ДЕМО-ДАННЫЕ (на случай, если API недоступен)
+DEMO_WEATHER_DATA = {
+ "city": "Москва",
+ "date": "2026-04-07",
+ "forecast": [
+ {"day": "Пн", "temp": 12, "precipitation": 2, "wind": 4},
+ {"day": "Вт", "temp": 15, "precipitation": 0, "wind": 3},
+ {"day": "Ср", "temp": 18, "precipitation": 5, "wind": 6},
+ {"day": "Чт", "temp": 14, "precipitation": 8, "wind": 7},
+ {"day": "Пт", "temp": 16, "precipitation": 1, "wind": 5}
+ ]
+}
+
+@app.route('/weather', methods=['GET', 'OPTIONS'])
def weather_proxy():
+ """
+ Обработчик запросов к погодному API
+ Поддерживает: GET (основной запрос) и OPTIONS (предварительный CORS-запрос)
+ """
+
+ # Шаг 1: Обработка предварительного запроса (CORS preflight)
+ if request.method == 'OPTIONS':
+ logger.info("Получен OPTIONS-запрос (CORS preflight)")
+ return _build_cors_response(jsonify({"status": "ok"}), 200)
+
+ # Шаг 2: Получаем параметры из запроса
+ logger.info("Получен GET-запрос к /weather")
+
lat = request.args.get('lat')
lon = request.args.get('lon')
token = request.args.get('token')
date = request.args.get('date', default=datetime.now().strftime('%Y-%m-%d'))
+ # Шаг 3: Валидация параметров
if not lat or not lon or not token:
- return jsonify({"error": "Missing parameters: lat, lon, token"}), 400
+ logger.warning(f"Отсутствуют обязательные параметры: lat={lat}, lon={lon}, token={token}")
+ return _build_cors_response(
+ jsonify({
+ "error": "Missing required parameters",
+ "required": ["lat", "lon", "token"],
+ "received": {"lat": lat, "lon": lon, "token": "present" if token else None}
+ }),
+ 400
+ )
+
+ logger.info(f"Запрос погоды: lat={lat}, lon={lon}, date={date}")
- # Исправленный URL (соответствует реальному API)
+ # Шаг 4: Формируем URL для реального API
target_url = f'https://projecteol.ru/ru/api/weather?lat={lat}&lon={lon}&date={date}&token={token}'
+ # Шаг 5: Делаем запрос к реальному API
try:
headers = {
- 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+ 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
}
+
+ logger.info(f"Отправляем запрос к: {target_url}")
response = requests.get(target_url, headers=headers, timeout=10)
- return jsonify(response.json()), response.status_code, {
- 'Access-Control-Allow-Origin': '*',
- 'Access-Control-Allow-Methods': 'GET, OPTIONS',
- 'Access-Control-Allow-Headers': 'Content-Type'
- }
+ # Шаг 6: Если API ответил успешно — возвращаем его данные
+ if response.status_code == 200:
+ logger.info(f"Успешный ответ от API: {response.status_code}")
+ return _build_cors_response(jsonify(response.json()), 200)
+
+ # Шаг 7: Если API вернул ошибку — логируем и возвращаем демо-данные
+ logger.warning(f"API вернул ошибку: {response.status_code} - {response.text}")
+ logger.info("Возвращаем демо-данные как fallback")
+ return _build_cors_response(jsonify(DEMO_WEATHER_DATA), 200)
+
+ # Шаг 8: Обработка исключений (сеть недоступна, таймаут и т.д.)
+ except requests.exceptions.RequestException as e:
+ logger.error(f"Ошибка при запросе к API: {str(e)}")
+ logger.info("Возвращаем демо-данные из-за ошибки сети")
+ return _build_cors_response(jsonify(DEMO_WEATHER_DATA), 200)
+ # Шаг 9: Любые другие исключения
except Exception as e:
- return jsonify({
- "error": "Proxy error",
- "message": str(e),
- "url": target_url
- }), 500, {'Access-Control-Allow-Origin': '*'}
+ logger.exception(f"Неожиданная ошибка: {str(e)}")
+ return _build_cors_response(
+ jsonify({
+ "error": "Internal server error",
+ "message": str(e)
+ }),
+ 500
+ )
+
+@app.route('/')
+def home():
+ """Корневая страница — информация о прокси"""
+ return """
+ 🌤️ Прокси-сервер для прогноза погоды
+ Работает на порту 8080
+ Пример запроса:
+ http://localhost:8080/weather?lat=55.75&lon=37.62&token=ВАШ_ТОКЕН
+ Для учебных целей возвращает демо-данные, если реальный API недоступен.
+ """, 200, {'Access-Control-Allow-Origin': '*'}
+
+def _build_cors_response(response, status_code):
+ """
+ Добавляет CORS-заголовки к любому ответу
+ """
+ response.status_code = status_code
+ response.headers['Access-Control-Allow-Origin'] = '*'
+ response.headers['Access-Control-Allow-Methods'] = 'GET, OPTIONS'
+ response.headers['Access-Control-Allow-Headers'] = 'Content-Type'
+ response.headers['Access-Control-Max-Age'] = '3600'
+ return response
if __name__ == '__main__':
- app.run(host='0.0.0.0', port=8080, debug=True) # Важно: 0.0.0.0!
\ No newline at end of file
+ logger.info("=" * 60)
+ logger.info("🚀 Запуск прокси-сервера для прогноза погоды")
+ logger.info("📍 Доступен по адресу: http://localhost:8080/weather")
+ logger.info("💡 Для теста открой в браузере:")
+ logger.info(" http://localhost:8080/weather?lat=55.75&lon=37.62&token=test")
+ logger.info("=" * 60)
+
+ # Запускаем сервер
+ app.run(host='0.0.0.0', port=8080, debug=True)
\ No newline at end of file
diff --git a/script.js b/script.js
index 4ed7a1d0..e288ff99 100644
--- a/script.js
+++ b/script.js
@@ -155,7 +155,7 @@ async function fetchWeather(lat, lon, cityName) {
//const url = `${API_URL}?lat=${lat}&lon=${lon}&token=${API_TOKEN}`;
const today = new Date().toISOString().split('T')[0];
- const url = `http://localhost:8080/weather?lat=${lat}&lon=${lon}&date=${today}&token=${API_TOKEN}`;
+ const url = `https://projecteol.ru/api/weather/?lat=${lat}&lon=${lon}&date=${today}&token=${API_TOKEN}`;
const response = await fetch(url);
if (!response.ok) throw new Error(`HTTP ${response.status}`);
const data = await response.json();
diff --git a/test.html b/test.html
deleted file mode 100644
index 18ffbee5..00000000
--- a/test.html
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
- Тест карты + Open-Meteo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
From 9b0293f57fe625605baf8fc8e718d1c290daebf8 Mon Sep 17 00:00:00 2001
From: Mary
Date: Tue, 7 Apr 2026 00:20:43 +0400
Subject: [PATCH 5/7] =?UTF-8?q?=D0=BD=D0=B5=20=D0=B2=D1=8B=D1=88=D0=BB?=
=?UTF-8?q?=D0=BE,=20=D0=BF=D0=BE=D1=8D=D1=82=D0=BE=D0=BC=D1=83=20open=20w?=
=?UTF-8?q?eathe?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 42 +-------
nginx.conf | 39 --------
proxy.py | 148 ----------------------------
script.js | 278 +++++++++++++++++------------------------------------
4 files changed, 91 insertions(+), 416 deletions(-)
delete mode 100644 nginx.conf
delete mode 100644 proxy.py
diff --git a/index.html b/index.html
index 10fe24d7..6fe5d307 100644
--- a/index.html
+++ b/index.html
@@ -8,35 +8,31 @@
+
+
-
-
-
-
-
-
🌡️ Температура (°C)
@@ -51,41 +47,11 @@ 💨 Ветер (м/с)
-
- 💡 Нажмите на любой город на карте, чтобы увидеть прогноз на несколько дней
+ 💡 Нажмите на любой город на карте, чтобы увидеть прогноз