Зображення створено за допомогою DALL.E
Вступ: Ваш шлях у програмуванні починається!
Привіт, майбутній розробнику Django! 👋 Сьогодні ми створимо щось неймовірне — Панель погоди, яка допоможе вам навчитися Django, створюючи крутий і практичний додаток. Не переживайте, якщо ви новачок у програмуванні, я поясню все крок за кроком!
Що ви дізнаєтесь сьогодні
- Налаштування проекту Django
- Підключення до погодного API
- Створення веб-додатка
- Відображення погодної інформації
Попередні вимоги
Перед тим, як ми почнемо, переконайтеся, що у вас є:
- Встановлений Python (версія 3.8+)
- Базові знання Python
- Комп’ютер (очевидно! 😄)
- Бажання вчитися!
Крок 1: Підготовка вашого середовища для розробки
Встановлення Python і Django
Відкрийте термінал і введіть ці команди:
# Створіть віртуальне середовище
python -m venv weatherenv
# Активуйте віртуальне середовище
# Для Windows
weatherenv\Scripts\activate
# Для Mac/Linux
source weatherenv/bin/activate
# Встановіть Django та requests
pip install django requests
Крок 2: Створення проекту Django
# Створіть проект Django
django-admin startproject weather_dashboard
cd weather_dashboard
# Створіть додаток Django
python manage.py startapp weatherapp
Крок 3: Отримайте свій безкоштовний API ключ
- Перейдіть на OpenWeatherMap (https://openweathermap.org/)
Поточні погодні дані
-
Створіть безкоштовний обліковий запис
-
Згенеруйте API ключ
- Скопіюйте цей ключ — ми будемо використовувати його незабаром!
Крок 4: Налаштування вашого проекту
Редагування settings.py
Додайте ‘weatherapp’ до INSTALLED_APPS:
INSTALLED_APPS = [
# ...
other apps
'weatherapp',
]
# Додайте ваш API ключ
OPENWEATHERMAP_API_KEY = 'YOUR_API_KEY_HERE'
Крок 5: Створення погодного сервісу
Створіть weather_service.py у папці вашого додатку weatherapp:
import requests
from django.conf import settings
def get_weather_data(city):
api_key = settings.OPENWEATHERMAP_API_KEY
url = f"https://api.openweathermap.org/data/2.5/weather?q={city}&units=metric&appid={api_key}"
try:
response = requests.get(url)
return response.json()
except Exception as e:
print(f"Помилка при отриманні погоди: {e}")
return None
Крок 6: Створення Views
Редагуйте views.py:
from django.shortcuts import render
from weatherapp.weather_service import get_weather_data
def weather_view(request):
weather_data = None
if request.method == 'POST':
city = request.POST.get('city', '')
weather_data = get_weather_data(city)
return render(request, 'weather.html', {'weather': weather_data})
Крок 7: Створення HTML шаблону
Створіть templates/weather.html:
Панель погоди
{% csrf_token %} Отримати погоду {% if weather %}
{{ weather.name }}, {{ weather.sys.country }}
Температура: {{ weather.main.temp }}°C
Відчувається як: {{ weather.main.feels_like }}°C
Опис: {{ weather.weather.0.description }}
{% endif %}
Крок 8: Налаштування URL
В urls.py:
from django.urls import path
from weatherapp.views import weather_view
urlpatterns = [
path('', weather_view, name='weather'),
]
Крок 9: Запуск проекту!
# Виконайте міграції
python manage.py migrate
# Запустіть сервер
python manage.py runserver
Відкрийте http://localhost:8000 у вашому браузері!
Демо Панелі погоди
Що ви досягли
✅ Створили веб-додаток на Django
✅ Інтегрували зовнішнє API
✅ Побудували панель погоди
✅ Навчилися базових концепцій веб-розробки
Бонусний виклик
Спробуйте додати:
- Повідомлення про помилку, якщо місто не знайдено
- Іконки погоди
- Колір фону, залежно від температури
Щасливого кодування! 🚀🐍
Код для бонусного виклику доступний на https://github.com/Mathurdanduprolu/Day1-Weathermap
- Слідкуйте за мною на Medium для більше уроків по Django та веб-розробці.
- Поділіться своїм досвідом та відгуками в коментарях — мені буде цікаво почути вашу думку!
- Не забудьте поставити лайк та поділитися цим блогом зі своєю мережею.
Продовжуємо разом будувати неймовірні додатки! 🚀
Перекладено з: Day 1: Building Your First Weather Dashboard with Django — A Beginner’s Guide