Настройка пользовательского интерфейса Jenkins

Я хочу изменить внешний вид (ui customization) Дженкинса. Также я хотел бы добавить новые виды (например, новые html-страницы или веб-страницы) с навигацией на нужные страницы дженкинсов и т.д.

Пожалуйста, дайте мне знать, помогут ли мне какие-либо отдельные плагины. Любая соответствующая информация (как обычно) будет очень полезна. Любые предложения или ссылки или учебники также приветствуются.

PS: - Довольно новый для jenkins. Вводы отсюда помогут мне добавить более подробную информацию к вопросам.

Я ищу документы или руководства, которые определяют Skinning Jenkins, используя плагины, такие как: -

https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/jQuery+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/jQuery+UI+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/JSWidgets+Plugin

Страница плагина предоставляет очень мало информации о том, как их использовать, а также о преимуществах и расширении, на которые можно изменить пользовательский интерфейс.

Приветствуется любой документ или ссылка.

Ответ 1

Предполагая, что вы не хотите писать плагин Jenkins для добавления страниц, лучшим предложением, которое я могу сделать, является использование прокси-сервера HTTP, такого как NginX и настройте его так, чтобы страницы, которые вы хотите добавить, представляют собой простые html файлы, а Дженкинс проксирован для остальных. Посетителю они будут выглядеть так, как будто они все являются частью одного и того же сайта; вы можете скопировать код из разделов head и body страниц, обслуживаемых Jenkins, чтобы включить некоторые из них.

Простой шаблон темы, который вы нашли, позволит вам выполнить основную настройку внешнего вида Jenkins. Я делаю это для моего сервера сборки и прокси-сервера, используя этот фрагмент конфигурации для NginX. Соответствующий CSS в этом файле CSS - ближе к концу, найдите комментарий // JENKINS CUSTOMIZATION.

Ответ 2

Мы используем плагин Simple theme - указали на файл css для простого стиля и JS файл, чтобы исправить пару странностей DOM (некоторые из таблиц в новом стиле выглядят несовместимо с количеством столбцов).

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

Полезные вещи, чтобы отметить:

  • Jenkins имеет jquery, загруженные и загруженные части YUI загружены - так что вы можете использовать их в своих сценариях.
  • Если во время отладки обновление обновляется, используйте консоль, чтобы ввести следующую команду, чтобы временно остановить ее, не останавливая JS: refreshPart = function() {}
  • При внесении изменений в дерево DOM в обновляемый контент - добавьте его в обновления макета с помощью: layoutUpdatecallback.add(my_function) - таким образом ваши изменения применяются к новому входящему контенту.