Splunk 使用者介面和儀表板架構：前所未有的多種視覺控制項目
發布日期：2022/04/29
如果您去年參加過 .conf21 或是看過 Lizzy Li 的任何 Splunk 部落格文章，那麼您可能知道 Splunk Dashboard Studio──這個最新的內建儀表板包含在 Splunk Enterprise 8.2 及以上版本，以及 Splunk Cloud Platform 8.1.2103 及以上版本中。有了這些新的、漂亮的視覺效果，以及對儀表板進行更多視覺控制的能力，我們的客戶和 Splunk 操作人員可以持續建立美觀且富洞察力的儀表板，將資料不斷轉化為行動。
您或許還注意到 Dashboard Studio 中的儀表板和視覺效果看起來與其他 Splunk App 中的視覺效果相似，例如 Mission Control、Enterprise Security 7.0 和 Splunk IT 服務情報。這是因為所有解決方案都使用相同的底層視覺效果和儀表板架構，以提供一致的使用者體驗。到 .conf21 時，任何 Splunk 應用程式開發人員都可以將 Splunk 儀表板架構和來自 Splunk 使用者介面的其他視覺元件放進自己的應用程式中。在這篇部落格文章中，我們將介紹儀表板架構 ( Dashboard Framework) 是什麼，如何使用它，以及它將如何幫助開發人員滿足 Dashboard Studio 和傳統儀表板所不足的進階需求。
Dashboard Studio：建立在我們的儀表板架構之上
Dashboard Studio 是為了可以直覺地建立儀表板而設計，讓儀表板建立者能夠更方便地控制建立的儀表板。我們的目的是希望提供足夠的客製化能力，讓大多數使用者不需使用 JavaScript 或 CSS 就能進行自訂開發，就像他們在我們的傳統儀表板 (Class Dashboard) 中需要的進階使用案例那樣。Dashboard Studio 使用絕對配置和建立品牌的工具 (例如顏色、圖示、圖片和 SVG)，可實現以前在傳統儀表板中得透過自訂 CSS 或 HTML 擴充功能建立的許多功能。
專為 Splunk TV 設計的儀表板
如何在 Dashboard Studio 中自訂 JavaScript？我們打算支援大多數常見的自訂 JavaScript 使用案例，例如打開資訊工具提示或回應，包括一個來自第三方的開源視覺效果，以及更多往後會逐步內建到 Studio 的功能。但是，我們知道當今的應用程式開發人員喜歡建立自訂儀表板，包括與其他工具整合和自訂工作流程。對於有這些需求的使用者，與 Dashboard Studio 相比，直接開發和交付使用 @splunk/create 和 Splunk 儀表板架構建立的自訂回應頁面可能是更好的選擇，所以以下我們提供更多相關資訊。
儀表板架構入門
當使用儀表板架構和 @splunk/create 進行開發時，您會建立一個 ReactJS 應用程式，並匯入允許您在該應用程式內呈現儀表板和視覺效果的元件。藉此，您 (開發人員) 可以使用這些不同套件在應用程式內建立自訂頁面，這些頁面可以作為 Splunk 儀表板，類似於在 Dashboard Studio 中所建立的那些。不過，這些自訂頁面的功能超越在 Dashboard Studio 中的儀表板，允許您建立完全自訂的元件和頁面。開始熟悉的最佳方式是觀看我們的範例庫，這裡提供的教學可幫助您開始建立 Splunk 應用程式和有自訂功能的儀表板。
使用 Splunk 使用者介面和 Splunk 儀表板架構建立的自訂回應互動
什麼時候應該使用儀表板架構？
當您需要最新的視覺效果和儀表板架構功能時，也就是現在。
使用儀表板架構開發應用程式，代表您可以使用最新、最出色的儀表板和視覺效果套件來建立儀表板，在 Dashboard Studio、ITSI 和 Splunk Enterprise Security 等產品中使用它們。如此一來，您可以針對某個 Splunk Enterprise 或 Splunk Cloud Platform 版本發布一個使用最新的儀表板和視覺效果的操作方式。這對於開發週期受 Splunk Enterprise 或 Splunk Cloud Platform 版本限制的 Splunk Enterprise 客戶特別有用。
當組織裡有資深的 React 開發人員時。
如果組織裡有資深的 React 開發人員，並且有興趣建立超越 Dashboard Studio 現有的功能，那麼儀表板架構可能非常適合您。您可以從我們範例庫中的許多範例中，學習如何在儀表板架構之上建立自訂功能。
如果您願意做出一些取捨時。
需要注意的是，直接使用儀表板架構進行開發的主要缺點之一，是儀表板的使用者介面和原始檔編輯器，以及 PDF 和 PNG 匯出功能，都只能在 Dashboard Studio 儀表板中使用。因此，如果透過編輯器進行使用者控制和 PNG/PDF 匯出功能對您很重要，那麼 Dashboard Studio 儀表板可能更適合您。但如果您願意用此功能換取更複雜的互動和自訂能力，請考慮使用儀表板架構進行開發。
請記住，您的自訂應用程式中可以包含 Dashboard Studio 儀表板、自訂 React 頁面和傳統儀表板。因此，這裡您不用顧此失彼。無論您選擇哪種方式，我們都希望我們的儀表板功能套件能夠幫助您解決儀表板和應用程式開發人員每天都需解決的獨特使用案例。
使用 Splunk 使用者介面和 Splunk 儀表板架構建立的自訂範例
後續步驟和資源
如果您認為適合使用儀表板架構來提供儀表板，或是想自己嘗試開發以評估可能性，請觀看 Splunk 使用者介面工具套件範例庫，其中有一些使用儀表板架構開發的開放原始碼應用程式範例。我們提供多個儀表板架構的不同使用案例，並不斷徵求其他使用案例的反饋意見以進行補充。
資源：
• Splunk 使用者介面文件
• 入門指南
• 範例庫，包含在 GitHub 上提供的程式碼。
.conf21 大會探討 Splunk 使用者介面和 Splunk 儀表板架構：
• DEV1134A ─ 介紹 Splunk 使用者介面架構：使用 React 建立 Splunk 應用程式。
• DEV1328C ─ 如何建立 Splunk 應用程式：使用新的儀表板架構擴展真實環境的應用程式
• DEV1595B ─ Splunk + React = :Mindblast:
________________________________________
本文由 Splunk Web 平台專案產品經理 Nusair Haq 共同創作。
作者
Ryan O'Connor
Ryan O'Connor 是 Splunk 使用者介面團隊的首席產品經理。他擁有美國康乃狄克大學的資料分析和專案管理碩士學位。他是一名 PADI 認證潛水長，對海洋保護充滿熱情。