Нави Тулаг – От датчика до интерфейса. Практическое руководство по созданию инженерных десктоп приложений на Python и web-технологиях (страница 10)

UI: Графики температуры, кнопки вкл/выкл.

API: COM-порт обязательно.

Вывод: Eel — идеален, так как позволяет использовать всю мощь Python для работы с портом и быстро сделать GUI на HTML/Chart.js. Electron избыточен, Neutralino потребует лишней настройки связи с Python.

Теперь вы готовы к практической части книги.

В Части 2 мы углубимся в Python Eel: от установки до создания первого приложения с графиками.

В Части 3 подключим Arduino и научимся работать с COM-портами.

В Части 4 выйдем в IoT с ESP32 и MQTT.

Выбор сделан — пора писать код!

Часть 2: Python Eel — основной инструмент инженера

Глава 5: Быстрый старт с Eel. Установка, структура проекта, первый запуск

О чём эта глава?

Вы выбрали Python Eel — отличное решение для инженера, который хочет быстро создать интерфейс для своего скрипта.

Теперь пришло время перейти от теории к практике. В этой главе вы:

✅ Установите Eel и проверите работоспособность.

✅ Создадите структуру проекта «правильно» с первого дня.

✅ Напишете первое приложение за 10 минут.

✅ Запустите его и увидите результат в окне браузера.

✅ Поймёте, как Python и JavaScript «общаются» между собой.

К концу главы у вас будет рабочее приложение, которое можно развивать дальше — добавлять графики, кнопки, работу с COM-портами.

5.1. Почему Eel? Философия быстрого старта

Прежде чем писать код, давайте ответим на вопрос: почему именно Eel?

Фреймворк

Время до первого окна

Порог входа

Идеально для

Tkinter

15 минут

Средний

Простые утилиты

PyQt

1–2 часа

Высокий

Сложные коммерческие продукты

Electron

2–3 часа

Высокий (нужен Node.js)

Веб-разработчики

Python Eel

10 минут

Очень низкий

Инженеры, Data Science, автоматизация

💡 Наша философия: Инженеру не нужно становиться веб-разработчиком. Ему нужно быстро обернуть свой Python-скрипт в удобный интерфейс. Eel даёт именно это.

Eel — это мост, а не замена.

Python остаётся для логики: расчёты, COM-порты, файлы, данные.

HTML/CSS/JS остаются для красоты: кнопки, графики, вёрстка.

Eel связывает их двумя простыми вызовами функций.

5.2. Установка Eel: Пошагово

Eel устанавливается через стандартный менеджер пакетов Python — pip.

Шаг 1: Проверка Python

Убедитесь, что у вас установлен Python 3.7 или выше:

⚠️ Важно: Если у вас несколько версий Python, используйте py -3 --version (Windows) или python3 --version (macOS/Linux).

Шаг 2: Создание виртуального окружения (рекомендуется)

Это хорошая практика — изолировать зависимости проекта:

💡 Зачем это нужно? Когда вы будете упаковывать приложение в .exe (Глава 8), PyInstaller соберёт только те библиотеки, которые установлены в виртуальном окружении. Это уменьшит размер дистрибутива и избежит конфликтов.

Шаг 3: Установка Eel

Шаг 4: Проверка установки

Создайте файл test.py и выполните:

Если нет ошибок — установка успешна! ✅

5.3. Структура проекта: Правильно с первого дня

Одна из главных ошибок новичков — сваливать все файлы в одну кучу.

Правильная структура для Eel-приложения:

🔑 Ключевое правило: Все HTML/CSS/JS-файлы должны лежать в папке, которую вы укажете в eel.init(). По умолчанию это папка www.

Почему такая структура?

Папка

Зачем нужна