UI/UX Hackfest: Jenkins 用户界面赛道亮点
在本文中，我想分享一下我们在5月25日至29日举行的 Jenkins UI/UX Hackfest 用户界面赛道的亮点。由于项目的基础设施问题，这篇博文有所延迟，但对于改进 Jenkins UI 来说，迟到总比不到好。本次活动的关键亮点
-
我们发布了 Jenkins 只读配置的预览。在 hackfest 期间，我们发现并修复了许多兼容性问题。
-
我们为 Jenkins 创建了一个新的 深色主题。我们还改进了核心主题支持，并修复了许多插件的兼容性。
-
我们为 Jenkins UI 可访问性做出了贡献，包括用户体验测试和修复报告的问题。 JENKINS-62437：配置 UI：将表格迁移到 div 测试是其中的主要工作。
-
我们致力于新的脚本安全批准管理 UI
本次 hackfest 我们有 54 位贡献者。其中22位作为提交者、测试者和审阅者为用户界面赛道做出了贡献： Tim Jacomb, Ullrich Hafner, Raihaan Shouhell, Sumit Sarin, Daniel Beck, Romén Rodríguez-Gil, wadeck Follonier, Runxia Ye, Félix Queiruga, Aytunc Beken, Peter Jonsson, Antonio Muniz, Kseniia Nenasheva, Sladyn Nuner, Abhyudaya Sharma, Oleg Nenashev, Nimish Bongale, Esther Álvarez Feijoo, Denys Digtiar, Slavo, Liam Newman, 以及 Gavin Mogan。感谢所有贡献者！
请阅读下面的博文，了解有关这些和其他用户界面改进的更多信息。
只读 Jenkins 配置
Jenkins 配置、作业和代理的只读视图对 Jenkins Configuration-as-Code 用户来说很重要。它允许他们访问其 Jenkins 实例的配置和诊断信息，同时又无法无意中更改它。这个故事是 Jenkins 路线图 的一部分，并且在 UI/UX hackfest 期间被重点关注为贡献领域。
5月25日，我们发布了只读 Jenkins 配置的预览。请阅读 Tim Jacomb 在这篇博文中 的公告。在 hackfest 期间，我们继续测试了该更改，并修复了 Jenkins 插件中的兼容性问题，包括 Cloud Stats Plugin、Role Strategy Plugin、Simple Disk Usage Plugin 等。
我们非常感谢 Jenkins 用户的反馈和测试！有关指南，请参阅 博文。
深色主题
深色用户界面主题在开发者中非常受欢迎：IDE、通信工具等。人们也希望 Jenkins 拥有一个。在 hackfest 之前，已有几次实现，其中最著名的是 camalot/jenkins-dark-stylish 和 Neo2 Theme 的深色版本。这些主题很难维护，最终它们要么被删除，要么被放弃。如果 Jenkins 有一个官方主题会怎样？
在活动期间，一群贡献者专注于为 Jenkins 创建一个新的 深色主题。这项工作包括：
您可以从 Jenkins 2.239 开始尝试此主题。它作为插件 插件 从 Jenkins 更新中心提供。主页面的示例截图
如果您发现任何深色主题兼容性问题，请在此处 报告。
Jenkins 配置 UI 可访问性
Jenkins Web UI 可访问性是活动中提出的主题之一。我们希望尽可能多的人能够使用 Jenkins。这包括多类用户：残疾人士、使用移动设备的人士或网络连接缓慢的人士。总的来说，所有 Jenkins 用户都能从更好的导航和布局中受益。我们在活动中实施的一些可访问性改进：
-
为用户名和密码输入字段添加 aria-labels
-
在页脚中指示页面的语言（尚未合并）
-
从页脚中删除页面生成时间戳
在 UI/UX hackfest 上，主要重点是将配置页面从表格迁移到 div（JENKINS-62437）。这将在狭窄的屏幕，尤其是移动屏幕上使其更加用户友好。此更改还将帮助用户导航具有多个嵌套级别的复杂表单。我们的进展：
-
用户体验测试。感谢贡献者，我们发现了插件中的几项兼容性问题。
-
修复了几个插件中的错误
-
一个新的 Dockerized 演示，允许使用一组预配置的插件评估更改。
这是使用新布局的作业配置页面的示例
在接下来的几周内，我们将继续致力于此更改，并邀请 Jenkins 用户和贡献者帮助我们进行测试！测试指南可在 JENKINS-62437 票证中找到。
新的脚本安全批准管理 UI
快速访问： 演示, pull request
在 hackfest 期间，Wadeck Follonier 重新设计了 Script Security Plugin 中的脚本批准界面。新的 UI 允许查看已批准脚本的列表，显示最后访问时间戳，并允许单独管理批准。以前，无法从 Web 界面执行此操作。一旦 pull request 发布，该功能将可供 Jenkins 用户使用。
其他 UI 改进
除了上面列出的主要改进之外，Jenkins 核心和各种插件中还有许多小的补丁。您可以在此处 找到用户界面贡献的完整列表，其中一些重要的改进包括：
-
改进了 Credentials 插件中的导航。
-
支持 Autograding 插件的宽屏。
-
Folder-based Authorization Strategy 插件中的 UI 改进。
-
改进了 Jenkins 核心中的 Fingerprint 列表
贡献
我们邀请 Jenkins 用户和贡献者加入这项工作，共同改进用户界面。Jenkins 项目正在逐步采用现代前端栈（JavaScript、React、Gatsby、Vue.js 等）和设计方法。例如，请参阅 Ullrich Hafner 关于“美化 Jenkins 报告插件 UI”的演示。对于前端开发人员来说，这是一个加入项目、分享经验、尝试新技术并改进 Jenkins 用户界面和用户体验的绝佳机会。加入我们！
有关为 Jenkins 代码库做出贡献的更多信息，请参阅 此页面。如果您想了解更多信息，请加入我们的 Jenkins 用户体验 SIG 频道。
关于作者