Rumah > hujung hadapan web > tutorial js > RabbitScout: Papan Pemuka Moden, Sumber Terbuka untuk Mengurus RabbitMQ

RabbitScout: Papan Pemuka Moden, Sumber Terbuka untuk Mengurus RabbitMQ

Patricia Arquette
Lepaskan: 2024-12-08 07:26:10
asal
240 orang telah melayarinya

Pernahkah anda menginginkan cara yang lebih intuitif dan menarik secara visual untuk mengurus RabbitMQ melangkaui UI Pengurusan lalai? Walaupun saya menghargai keteguhan RabbitMQ, antara muka sedia ada boleh berasa agak ketinggalan zaman apabila ia berkaitan dengan pemantauan dan operasi harian. Itulah sebabnya saya membina RabbitScout: papan pemuka sumber terbuka moden yang direka untuk menyelaraskan pengalaman RabbitMQ anda.

Mengapa RabbitScout?
Beberapa minggu lalu, saya mendapati diri saya kerap bertukar antara UI Pengurusan RabbitMQ dan pelbagai alatan CLI. Walaupun ia berfungsi, saya mahukan sesuatu yang lebih bersih—alat yang boleh memberi saya metrik masa nyata sepintas lalu, membantu saya mengurus baris gilir dengan cepat dan melakukan semuanya dengan antara muka yang digilap dan moden.

RabbitScout muncul daripada keperluan itu. Ia sedang dalam proses, tetapi ia sudah pun membentuk alternatif yang lebih mesra untuk tugas pengurusan RabbitMQ.

Ciri Utama

  • Metrik Masa Nyata: Lihat jumlah mesej, kadar mesej dan statistik baris gilir dikemas kini secara langsung.
  • Pengurusan Baris Gilir: Senaraikan baris gilir dengan mudah, tapisnya, periksa mesej, bersihkan atau padamkan baris gilir dan juga terbitkan mesej terus daripada UI.
  • UI Responsif & Sokongan Tema: Nikmati antara muka yang bersih dan moden yang dioptimumkan untuk desktop dan mudah alih, dengan pilihan untuk bertukar antara mod terang dan gelap.
  • Sesi Selamat: Log masuk dengan bukti kelayakan RabbitMQ anda dan percaya bahawa sesi diurus dengan selamat dengan kuki HTTP sahaja.
  • Sedia Masa Hadapan: Rancangan sedang dijalankan untuk menambah pengurusan yang mengikat, kawalan sambungan/saluran lanjutan dan analitis dan visualisasi yang lebih mantap.

Di Bawah Tudung
RabbitScout dibina dengan:

Next.js 14 & React: Mengambil kesempatan daripada Penghala Apl dan komponen pelayan untuk pengambilan data dan pengendalian API yang selamat.
TypeScript: Memastikan keselamatan jenis dan pengalaman pembangunan yang lebih boleh diramal.
Tailwind CSS & shadcn/ui: Membina UI yang kohesif, responsif dan boleh diakses dengan cepat dengan komponen boleh guna semula.
API Pengurusan RabbitMQ: Memanfaatkan API pengurusan terbina dalam RabbitMQ untuk mendapatkan semula metrik dan melakukan tindakan.

Timbunan ini membenarkan saya memisahkan logik UI daripada pengambilan data sebelah pelayan dengan bersih. Sebagai contoh, komponen pelayan mengambil data baris gilir dan metrik tanpa mendedahkan bukti kelayakan kepada pelanggan. Pendekatan ini menjadikan papan pemuka lebih selamat dan boleh diselenggara.

Bermula
Bersedia untuk mencubanya? Begini cara anda boleh memutarkannya secara tempatan:
klon git https://github.com/Ralve-org/RabbitScout.git
cd RabbitScout
pemasangan npm
cp .env.example .env

Buka .env dan berikan hos RabbitMQ anda, port, bukti kelayakan dan butiran konfigurasi lain. Setelah selesai:
npm run dev

Sekarang pergi ke dan log masuk dengan bukti kelayakan RabbitMQ anda (untuk localhost, tetamu/tetamu bekerja secara lalai).

Tangkapan skrin
Papan Pemuka Mod Cahaya:

RabbitScout: A Modern, Open-Source Dashboard for Managing RabbitMQ

Papan Pemuka Mod Gelap:

RabbitScout: A Modern, Open-Source Dashboard for Managing RabbitMQ

Contoh ini menunjukkan halaman papan pemuka utama, di mana anda boleh memantau kadar mesej, pengedaran baris gilir dan penggunaan memori sistem—semuanya dikemas kini dalam masa nyata.

Had Semasa & Hala Tuju
Apa yang hilang sekarang?

Pengurusan Mengikat: Pada masa ini dalam pembangunan, anda akan dapat mencipta, mengedit dan mengurus pengikatan melalui UI tidak lama lagi.
Kawalan Sambungan/Saluran Terperinci: Ciri seperti sambungan penutupan paksa dan metrik saluran yang lebih kaya sedang dalam proses.
Analitis & Pemberitahuan Dipertingkat: Lebih banyak graf, pemberitahuan dan keupayaan carian yang dipertingkatkan dirancang.

Saya sedang giat mengusahakan penambahbaikan ini, dan cadangan dialu-alukan!

Menyumbang
Sebagai projek sumber terbuka, RabbitScout berkembang maju pada input komuniti. Sama ada anda ingin mencadangkan ciri, melaporkan pepijat, menambah baik dokumentasi atau menyumbang kod, saya ingin bantuan anda.

Cara untuk menyumbang:
Buka Isu: Menemui pepijat atau mempunyai idea yang bagus? Beritahu saya.
Serahkan PR: Jangan ragu untuk menangani isu sedia ada atau mencadangkan ciri baharu.
Tingkatkan Dokumentasi: Malah tweak kecil membantu menjadikan projek lebih mudah diakses.

Repositori GitHub:
https://github.com/Ralve-org/RabbitScout

Mari Jadikan Pengurusan RabbitMQ Lebih Baik Bersama
RabbitScout bermula sebagai projek peribadi untuk memudahkan aliran kerja saya sendiri, tetapi saya berharap ia dapat memberi manfaat kepada orang lain yang mencari papan pemuka RabbitMQ yang lebih intuitif. Lihatlah, main-main dan beritahu saya pendapat anda. Maklum balas, sumbangan dan bintang anda :) boleh membentuk masa depannya.

Terima kasih kerana membaca! Jika anda mempunyai sebarang soalan, komen atau cadangan, sila tinggalkan di bawah. Mari kita bina pengalaman pengurusan RabbitMQ yang lebih baik bersama-sama.

Atas ialah kandungan terperinci RabbitScout: Papan Pemuka Moden, Sumber Terbuka untuk Mengurus RabbitMQ. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan