Download powerflow display - Download Kode Sumber powerflow display

powerflow display

Pembangun Kekuatan

1.0.0

Unduh

Powerflow-Display

Bertujuan untuk menampilkan aliran daya rumah pada layar ukuran yang lebih rendah, seperti topi Raspberry Pi, dengan resolusi 480x320.

Sangat terinspirasi dan berdasarkan pekerjaan yang dilakukan untuk asisten rumah di repo ini: https://github.com/reptilex/tesla-style-solar-power-card

Bangun dengan Qwik, ini adalah pencarian pertama saya dengan kerangka kerja ini, jangan ragu untuk mengangkat masalah jika Anda memiliki saran apapun

Cara kerjanya

Proyek ini terhubung ke broker MQTT melalui WebSocket (biasanya dinonaktifkan secara default). Konfigurasi broker dapat dimodifikasi dalam src/routes/index.tsx

Itu mengharapkan pesan berikut di MQTT:

powerinfo/grid : Daya yang dikonsumsi atau disuntikkan ke jaringan (negatif jika disuntikkan)
powerinfo/house : Daya yang dikonsumsi di rumah
powerinfo/solar : Daya yang Diproduksi oleh Panel Surya
powerinfo/heat : Daya yang dikonsumsi oleh pemanasan

Struktur proyek

Proyek ini menggunakan Qwik dengan QwikCity. QwikCity hanyalah satu set alat tambahan di atas Qwik untuk membuatnya lebih mudah untuk membangun situs lengkap, termasuk perutean berbasis direktori, tata letak, dan banyak lagi.

Di dalam proyek Anda, Anda akan melihat struktur direktori berikut:

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

src/routes : Menyediakan routing berbasis direktori, yang dapat mencakup hierarki file tata letak tata layout.tsx , dan file index.tsx sebagai halaman. Selain itu, file index.ts adalah titik akhir. Silakan lihat dokumen perutean untuk info lebih lanjut.
src/components : Direktori yang Disarankan untuk Komponen.
public : Aset statis apa pun, seperti gambar, dapat ditempatkan di direktori publik. Silakan lihat Direktori Publik Vite untuk info lebih lanjut.

Tambahkan integrasi dan penyebaran

Gunakan perintah yarn qwik add untuk menambahkan integrasi tambahan. Beberapa contoh integrasi meliputi: CloudFlare, Netlify atau Express Server, dan Static Site Generator (SSG).

yarn qwik add # or `yarn qwik add`

Perkembangan

Mode pengembangan menggunakan server pengembangan Vite. Selama pengembangan, perintah dev akan render sisi server (SSR) output.

npm start # or `yarn start`

Catatan: Selama mode DEV, Vite dapat meminta sejumlah besar file .js . Ini tidak mewakili pembangunan produksi QWIK.

Pratinjau

Perintah pratinjau akan membuat pembangunan produksi modul klien, pembangunan produksi src/entry.preview.tsx , dan menjalankan server lokal. Server Pratinjau hanya untuk kenyamanan untuk melihat pratinjau lokal, dan tidak boleh digunakan sebagai server produksi.

yarn preview # or `yarn preview`

Produksi

Bangunan produksi akan menghasilkan modul klien dan server dengan menjalankan perintah klien dan server. Selain itu, perintah build akan menggunakan naskah untuk menjalankan pemeriksaan tipe pada kode sumber.