powerflow display Download - powerflow display исходный код скачать

powerflow display

PowerBuilder

1.0.0

Скачать

Powerflow-Display

Нацелен на отображение потока мощности дома на экране уменьшенного размера, например, Raspberry Pi Hat, с разрешением 480x320.

Сильно вдохновляется и основана на работе, выполненной для домашнего помощника в этом репо: https://github.com/reptilex/tesla-meale-solar-pard

Стройте с Qwik, это моя первая попытка с этой рамки, не стесняйтесь поднять проблему, если у вас есть какие -либо советы

Как это работает

Этот проект подключается к брокеру MQTT через WebSocket (обычно отключен по умолчанию). Конфигурация брокера может быть изменена в src/routes/index.tsx

Он ожидает следующие сообщения на MQTT:

powerinfo/grid : мощность, потребляемая или инъецированная в сетку (отрицательный, если введен)
powerinfo/house : энергия, потребляемая в доме
powerinfo/solar : мощность, производимая солнечной панелью
powerinfo/heat : мощность, потребляемая при нагревании

Структура проекта

Этот проект использует qwik с Qwikcity. QWIKCITY-это лишь дополнительный набор инструментов поверх QWIK, чтобы облегчить создание полного сайта, включая маршрутизацию на основе каталогов, макеты и многое другое.

Внутри вашего проекта вы увидите следующую структуру каталога:

 ├── public/
│   └── ...
└── src/
    ├── components/
    │   └── ...
    └── routes/
        └── ...

src/routes : предоставляет маршрутизацию на основе каталогов, которая может включать в себя иерархию файлов макета layout.tsx и файл index.tsx в качестве страницы. Кроме того, файлы index.ts являются конечными точками. Пожалуйста, смотрите документы по маршрутизации для получения дополнительной информации.
src/components : рекомендуемый каталог для компонентов.
public : любые статические активы, такие как изображения, могут быть размещены в публичном каталоге. Пожалуйста, см. В Vite Public Directory для получения дополнительной информации.

Добавить интеграции и развертывание

Используйте команду yarn qwik add , чтобы добавить дополнительные интеграции. Некоторые примеры интеграций включают в себя: CloudFlare, NetLify или Express Server и статический генератор сайтов (SSG).

yarn qwik add # or `yarn qwik add`

Разработка

Режим разработки использует сервер разработки VITE. Во время разработки команда dev будет рендерингом на стороне сервера (SSR) выводом.

npm start # or `yarn start`

ПРИМЕЧАНИЕ. Во время режима Dev Vite может запросить значительное количество файлов .js . Это не представляет производственную сборку QWIK.

Предварительный просмотр

Команда предварительного просмотра создаст производственную сборку клиентских модулей, производственную сборку src/entry.preview.tsx и запустить локальный сервер. Сервер предварительного просмотра предназначен только для удобства для локального предварительного просмотра производственной сборки, и его не следует использовать в качестве производственного сервера.

yarn preview # or `yarn preview`

Производство

Производственная сборка будет генерировать клиентские и серверные модули, используя команды как клиента, так и сервера. Кроме того, команда Build будет использовать TypeScript для запуска проверки типа в исходном коде.