News#

Визуализация новостей отображает RSS-ленту. По умолчанию в ней отображаются статьи из блога Grafana Labs, но вы можете изменить это, введя другой URL-адрес RSS-ленты.

news-visualization

Можно использовать визуализацию новостей для предоставления своим пользователям регулярных новостей и обновлений.

Настройка визуализации новостей#

После создания панели мониторинга введите URL-адрес RSS-канала в поле URL-адрес в разделе Новости. Этот тип визуализации не поддерживает никаких других запросов, и вы не должны ожидать, что сможете каким-либо образом фильтровать или запрашивать данные RSS-канала с помощью этой визуализации. Если у вас возникли проблемы с загрузкой RSS-ленты, вы можете попробовать повторно разместить ее на другом сервере или использовать CORS-прокси. CORS-прокси - это инструмент, который позволяет обойти ограничения CORS, отправляя запросы к RSS-ленте от вашего имени. Можно найти дополнительную информацию об использовании CORS-прокси в Интернете. Если у вас не получается отобразить RSS-ленту с помощью визуализации новостей, вы можете попробовать использовать плагин community RSS/Atom data source в сочетании с динамическим текстом на панели сообщества. Это позволит вам по-другому отображать RSS-ленту.

Предусловия#

  • Пользователь авторизован и имеет права на редактирование дашборда.

  • Источник RSS/Atom-ленты доступен по публичному URL и поддерживает CORS (или используется CORS-прокси).

  • Визуализация «News» доступна в списке типов панелей.

Правила эксплуатации#

  • Используйте News только для отображения публичных RSS/Atom-лент — не подходит для защищенных или внутренних источников без прокси.

  • Убедитесь, что источник поддерживает CORS или используйте CORS-прокси — во избежание блокировки запросов.

  • Не полагайтесь на визуализацию для критически важных уведомлений — возможны задержки или сбои в загрузке.

  • Ограничьте количество отображаемых новостей — чтобы не перегружать интерфейс.

  • Включайте Show image только при наличии релевантных изображений — иначе могут появляться нерелевантные или сломанные картинки.

  • Проверяйте доступность и стабильность RSS-источника — при недоступности отображается ошибка.

  • Избегайте использования сторонних лент с агрессивной рекламой или вредоносными ссылками.

  • Регулярно обновляйте URL-адрес при смене источника — настройки не проверяются автоматически.

  • Для сложных сценариев используйте альтернативы (например, плагин RSS/Atom + Text panel).

Последовательность выполнения#

  1. Убедитесь, что плагин визуализации «News» установлен в продукте PVV.

  2. Откройте дашборд визуализации в интерфейсе PVV.

  3. Выберите тип визуализации «News».

  4. Настройте параметры конфигурации

    news-preference

  5. Нажмите кнопку «Save Dashboard», чтобы отобразить визуализацию панели.

Поддерживаемые форматы данных#

Визуализация новостей поддерживает каналы RSS и Atom.

Параметры конфигурации#

В следующем разделе описываются параметры конфигурации, доступные в панели редактора панелей для этой визуализации. Эти параметры, насколько это возможно, упорядочены так, как они отображаются в Grafana.

Panel options#

В разделе Параметры панели на панели редактора панелей задайте основные параметры, такие как заголовок и описание панели, а также ссылки на панели. Дополнительные сведения смотри в разделе Настройка параметров панели.

News options#

Используйте следующие параметры для улучшения визуализации новостей:

  • URL - адрес канала RSS или Atom.

  • Show image - определяет, будет ли изображение новостной социальной сети отображаться рядом с текстовым контентом.

Результат#

После настройки и сохранения панели с визуализацией News выполните следующие шаги для проверки корректности ее работы:

  1. Проверка загрузки RSS-ленты
    Убедитесь, что:

    • Новости отображаются в панели без задержек.

    • Заголовки статей, даты публикации и краткие описания отображаются корректно.

    • Если вы изменили URL-адрес RSS-канала — отображаются статьи из указанного источника, а не по умолчанию (Grafana Labs).

  2. Проверка отображения изображений

    • Если включена опция Show image:

      • Убедитесь, что изображения из новостной ленты (например, обложки статей) отображаются рядом с текстом.

      • Проверьте, что изображения не искажены и загружаются по HTTPS (если возможно).

    • Если опция отключена — изображения не должны отображаться.

  3. Проверка кликабельности ссылок

    • Убедитесь, что:

      • Заголовки новостей являются кликабельными.

      • При клике по статье она открывается в новой вкладке (или текущей, в зависимости от настроек браузера).

      • Ссылки ведут на корректные страницы оригинального источника.

  4. Проверка обновления контента

    • Обновите страницу дашборда — лента должна обновиться.

    • Убедитесь, что отображаются самые свежие статьи (проверьте по датам).

    • При наличии новых публикаций в RSS-канале — они должны появиться в визуализации после обновления.

  5. Проверка обработки ошибок

    • Если RSS-лента недоступна:

      • Убедитесь, что отображается понятное сообщение об ошибке (например, «Failed to load feed»).

      • Проверьте, что в консоли браузера нет критических ошибок (CORS, 404 и т.д.).

    • При использовании стороннего источника:

      • Убедитесь, что сервер не блокирует запросы (возможно, потребуется CORS-прокси).

      • Проверьте, что URL-адрес доступен из сети, где развернут PVV.

  6. Проверка адаптивности и отображения на разных устройствах

    • Убедитесь, что:

      • Новости корректно отображаются на экранах разного размера (десктоп, планшет, мобильный).

      • Текст не выходит за границы панели.

      • Изображения масштабируются или скрываются при малом размере панели (если предусмотрено).

  7. Проверка производительности

    • Убедитесь, что:

      • Загрузка дашборда не замедляется из-за запроса к RSS-ленте.

      • При большом количестве статей — отображается разумное количество (например, 5–10 последних).

      • Панель не блокируется при медленном ответе от источника.

  8. Проверка альтернативного решения (при необходимости)

    • Если визуализация News не поддерживает нужный источник:

      • Убедитесь, что альтернативное решение (например, RSS/Atom data source + Text panel) работает.

      • Проверьте, что можно отобразить аналогичный контент с фильтрацией или кастомным форматированием.

Если новостная панель корректно отображает актуальные статьи, поддерживает взаимодействие и не вызывает ошибок — визуализация настроена успешно. В случае проблем — проверьте доступность RSS-источника, настройки CORS и корректность URL