首頁 > web前端 > js教程 > RabbitScout:用於管理 RabbitMQ 的現代開源儀表板

RabbitScout:用於管理 RabbitMQ 的現代開源儀表板

Patricia Arquette
發布: 2024-12-08 07:26:10
原創
238 人瀏覽過

您是否曾經希望有一種超越預設管理 UI 的更直觀、更具視覺吸引力的方式來管理 RabbitMQ?儘管我非常欣賞 RabbitMQ 的穩健性,但在日常監控和操作方面,現有介面可能會讓人感覺有點過時。這就是我建立 RabbitScout 的原因:一個現代化的開源儀表板,旨在簡化您的 RabbitMQ 體驗。

為什麼要選 RabbitScout?
幾週前,我發現自己經常在 RabbitMQ 管理 UI 和各種 CLI 工具之間切換。雖然它很實用,但我想要一些更乾淨的東西 - 一個可以讓我一目了然的實時指標的工具,幫助我快速管理隊列,並通過精美的現代界面完成這一切。

RabbitScout 應運而生。目前它還在開發中,但它已經成為 RabbitMQ 管理任務的更友善的替代方案。

主要特點

  • 即時指標:查看即時更新的訊息總數、訊息速率和佇列統計資料。
  • 佇列管理:輕鬆列出佇列、過濾佇列、檢查訊息、清除或刪除佇列,甚至直接從 UI 發佈訊息。
  • 響應式 UI 和主題支援:享受針對桌面和行動裝置最佳化的乾淨、現代的介面,可以選擇在淺色和深色模式之間切換。
  • 安全會話:使用您的 RabbitMQ 憑證登錄,並相信會話是透過純 HTTP cookie 安全管理的。
  • 面向未來:正在計劃添加綁定管理、高級連接/通道控制以及更強大的分析和視覺化。

引擎蓋下
RabbitScout 的建構方式為:

Next.js 14 和 React:利用 App Router 和伺服器元件進行資料擷取和安全 API 處理。
TypeScript:確保類型安全和更可預測的開發體驗。
Tailwind CSS 和 shadcn/ui: 使用可重複使用元件快速建立具有凝聚力、響應靈敏且可訪問的 UI。
RabbitMQ 管理 API:利用 RabbitMQ 內建的管理 API 來檢索指標並執行操作。

這個堆疊使我能夠將 UI 邏輯與伺服器端資料取得乾淨地分開。例如,伺服器元件會取得佇列資料和指標,而不是向客戶端公開憑證。這種方法使儀表板更加安全和可維護。

開始使用
準備好嘗試了嗎?以下是在本地啟動它的方法:
git 克隆 https://github.com/Ralve-org/RabbitScout.git
cd 兔子偵察兵
npm 安裝
cp .env.example .env

開啟 .env 並提供您的 RabbitMQ 主機、連接埠、憑證和其他設定詳細資訊。完成後:
npm run dev

現在前往並使用您的 RabbitMQ 憑證登入(對於本機主機,預設情況下來賓/來賓工作)。

截圖
燈光模式儀表板

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

深色模式儀表板

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

這些範例顯示主儀表板頁面,您可以在其中監控訊息速率、佇列分佈和系統記憶體使用情況 - 所有這些都是即時更新的。

目前限制與路線圖
現在缺什麼?

綁定管理:目前正在開發中,您很快就可以透過 UI 建立、編輯和管理綁定。
進階連線/通道控制:強制關閉連線和更豐富的通道指標等功能即將推出。
增強的分析和通知:計畫提供更多圖表、通知和改進的搜尋功能。

我正在積極致力於這些改進,歡迎提出建議!

貢獻
作為一個開源項目,RabbitScout 依靠社群的投入而蓬勃發展。無論您是想建議功能、報告錯誤、改進文件還是貢獻程式碼,我都希望得到您的幫助。

貢獻方式
問問題:發現錯誤或有一個很酷的想法?讓我知道。
提交 PR:隨意解決現有問題或提出新功能。
改進文件:即使是很小的調整也有助於使專案更易於存取。

GitHub 儲存庫:
https://github.com/Ralve-org/RabbitScout

讓我們一起讓 RabbitMQ 管理變得更好
RabbitScout 最初是一個個人項目,旨在簡化我自己的工作流程,但我希望它能讓其他尋求更直觀 RabbitMQ 儀表板的人受益。檢查一下,玩一下,然後讓我知道你的想法。您的回饋、貢獻和星星:)可以塑造它的未來。

感謝您的閱讀!如果您有任何問題、意見或建議,請隨時在下面提出。讓我們一起打造更好的 RabbitMQ 管理體驗。

以上是RabbitScout:用於管理 RabbitMQ 的現代開源儀表板的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板