State of the UI: Leveraging Kubernetes Dashboard and Shaping its Future Dan Romlein UX Designer, Google Spencer Sugarman UX Researcher, Google Talk Goals 1. What Dashboard is and why you should rd SIG-UI Team Piotr Bryk, Google Jeffrey Sica, University of Michigan Jim Angel, General Motors Sebastian Florek (co-lead), Loodse Marcin Maciaszczyk, Loodse Peng Xiao, Alauda Why a UI? 60% of survey takers use a UI to monitor or manage their resources in Kubernetes https://unsplash.com/ https://github.com/kubernetes/dashboard/issues /3256#issuecomment-437199403 UIs help you understand

团队们 如何继续以有效协作为重点，不断突破界限，在一个更加分散和动态的环境中进行工作。一些团队利用新的协 作工具不断提出创新解决方案。其他团队则继续调整和改进现有的面对面实践，例如实时结对编程或集体编程、 分布式工作坊（例如 远程事件风暴）以及异步和同步沟通。远程工作提供了许多好处（包括更多样化的人才储 备），但面对面交流的价值是显而易见的。团队不应中断重要的反馈循环，并且需要意识到在转向远程工作时所 ，生产者或云提供商通常以不同形式支持它们，这阻 碍了跨平台和基础架构的互操作性。CloudEvents 是一个描述事件数据的通用格式的规范，旨在提供服务、平 台和系统之间的互操作性。它提供了多种编程语言的 SDK，因此您可以将规范嵌入到应用程序或工具链中。我 们的团队不仅将其用于跨云平台的目的，还用于领域事件规范等其他场景。CloudEvents 由云原生计算基金会 （CNCF）托管，现在 Bloc 试验 Bloc 是 Flutter 的一款响应式状态管理库。在 Flutter 可用的状态管理选项中，我们想突出 Bloc，因为我们团 队在使用该库构建复杂移动应用程序时体验很好。当 UI 组件通过流和事件接收器与业务逻辑进行通信时，围绕 BLoC 模式 结构化的组织代码实现了业务逻辑与表示层的完全分离。Bloc 在 IntelliJ 和 VSCode IDE 中都提供了 良好的插件支持。

服务、外部服务等统一管理、统一建模；对平台能力进行标准化建 模、使其跟随需求和技术的变化和发展灵活扩展升级；对 PaaS 服务、 算力资源、Kubernetes 资源等基础设施进行统一抽象封装；面对多 样化平台能力需求，平台 UI 交互层可按需启用、模块化管理，提供 良好的用户体验等。产业落地方面，目前，阿里云、腾讯云等均积 极落地平台工程，通过平台工程优化开发者体验、提升云应用的研 发效能，并将平台能力赋能金融等行业，满足多场景规模化的研发 数据为中心过渡。当前，产业各界逐渐开始探索以数据为中心的落 地方案，如阿里云发布云基础设施处理器 CIPU，并将其定位为代替 CPU 承担云计算服务管理和加速的关键处理器；云豹智能发布云霄 DPU，提出可编程通用 DPU 框架理念，并落地多个应用场景；中科 驭数发布 DPU 芯片 K2，能够实现 1.2 微秒低时延和最高 200G 网络 带宽。 以计算为中心向以数据为中心这一过渡变化，促使算力服务形 源提 供商之间的壁垒，形成算力资源一张网，有效促进算力资源的流动。 路由转发方面，云计算打破网络与应用的边界，支撑可编程网 络实现算力路由的精准度量。当前，云网业务模式下的算力和网络 仍然相对独立，无法完成统一交付，造成大量的资源浪费。以 SRv6 为代表的网络可编程路由技术能够将业务需求与算力信息随数据包 携带进入网络，改变了传统网络只能基于 IP 地址的转发模式，充分 发挥网络在

支持子域名到服务路由 海尔工业互联网 - 微服务之配置管理 配置中心 应用-A 应用-B 应用-C 应用-D 配置中心优势 : • 配置简单 • 易用的用户界面 • 批量动态更新配置到应用 • 编程接口简单 • 镜像与配置分离 • 按项目管理配置 海尔工业互联网 - 微服务之服务集成 服务总线 APP-A APP-B APP-C Gateway Auth N Auth Z 协议适配: 线性扩容 海尔工业互联网 –微服务之监控日志 Node PrometheusServer（Pod） Retrieval Storage PromQL Local Storage Web UI（Pod） Grafana（Pod） API Push Gateway Jobs / Exporters Prometheus Server Short-lived jobs pod Compass K8S Cluster K8S Cluster K8S Cluster Endpoint-admin Architecture Web console • 为用户提供资源展示和 UI 交互界面 Endpoint-admin Server • 为 Console-web 提供 Rest API 服务 • 与 Endpoint-admin Client 进行通信 • 接受 Endpoint-admin

集群的统一纳管，支持特定版本范围内的任意 Kubernetes 集群纳入容器管理范围， 实现云上、云下、多云、混合云容器云平台的统一管理。 ➢ 集群的快速部署，基于 DaoCloud 自主开源项目 Kubean 支持通过 Web UI 界面快速 部署企业级的 Kubernetes 集群，快速搭建企业级容器云平台，适配物理机和虚拟机 底层环境。 ➢ 一键式集群升级，一键升级 Kubernetes 版本，统一管理系统组件升级。 注解动态更新配置项。 ➢ 管理配置文件的历史版本，支持版本差异对比并一键回滚到特定版本。 ➢ 支持查询当前配置的监听者以及 MD5 校验值。 ➢ 提供示例代码，便于新手快速使用客户端编程消费该配置，降低新手使用门槛。 微服务网关 微服务网关肩负管理微服务南北流量管控的重要作用，提供 API 管理、接口 限流、多种策略安全认证、黑白名单、路由转发、MockAPI 等能力，同时提供

Manager sidecar framework 运维能力 operator sidecar framework 运维能力 operator 运维平台 运维基础 能力沉淀 运维平台 运维能力 编程框架 Kubernetes Platform不可变基础设施 base os dep2 dep1 config binary Docker K8s Pod main Container

namespace 共享主机端口，共享主机文件系统等操作 以保障多租户之间相互共享一个集群是安全的 User Namespace N 对 N 横向隔离 & 纵向隔离 逻辑隔离 & 物理隔离 选型 原因 编程语言 Golang/typescripts Kubernetes go 生态最为成熟，ts 主要前端 框架 Kubebuiler/react/nextjs/go-restful/ 开发CRD 最好框架，follow

/app --job=install • 初始化数据 ./app --job=initialize • 单元测试 go test ./... 单元测试大部分的玩法，都是在做解除依赖 • 面向接口编程 • mock • 依赖注入 解除依赖很好，但成本很高 基础设施将所有依赖构建起来，就不要让研发用代码去实现 微服务的部署阶段 注入信息 版本信息 发布版本 • 注入应用名称、应用版本号、编译所在机器、编译时间配置

⾃自动容灾 持续集成 持续部署 灰度发布 服务注册/发现 关系数据库 KV存储 对象存储 块存储 DNS 消息队列列 API- Gateway 镜像仓库 统⼀一代码管理理 统⼀一编程框架 统⼀一通讯协议 统⼀一部署环境 计算平台/KUN 公共服务 存储平台 Think in Cloud . 北北京 基于RBAC实现 账号管理理隔离 01 IPv6 02 Operator管理理有

kube-ui ports: - port: 80 targetPort: 8080 透過 kubectl create 命令完成建置： $ kubectl create -f kube-ui-rc.yaml $ kubectl create -f kube-ui-svc.yaml 啟動成功後，透過 Kubernetes Master 的 IP 位址來存取 kube-ui： h https://:/ui 該 URL 將會被重導向到： https://:/api/v1/proxy/namespaces/kube-system/services/ kube-ui/#/dashboard/ 圖 4.6 顯示了 kube-ui 的主頁，展示所有 Node 的資訊，並且每秒更新顯示每個 Node 的 CPU 使用率、記憶體使用情況和檔案系統的使用情況。 圖 4.6 kube-ui 主頁 5-10 Kubernetes 進階案例 5 ~ Grafana：透過 Dashboard 將 InfluxDB 中的時序資料展現成圖表或曲線等形 式，便於維運人員查看叢集的運行狀態。Grafana 的網頁為 http://grafana.org。 整體架構如圖 5.2 所示。