Grafana将弃用AngularJS-我们该如何迁移

AngularJS 弃用时间线

AngularJS 支持已在 Grafana 9 中正式弃用。在 2024 年 5 月发布的 Grafana 11 中,所有 Grafana Cloud 和自托管安装默认关闭该功能。到 Grafana 12 版本时,将完全移除对 AngularJS 的支持,包括配置参数开关 angular_support_enabled

AngularJS 插件迁移指南

以下是分步迁移方案:

  1. 检测是否使用 AngularJS 插件

    • 检查仪表板和面板中的警告图标
    • 使用 detect-angular-dashboards 工具识别所有依赖 AngularJS 的仪表板
    • 在管理页面的插件中心查看警告提示
  2. 更新插件至最新版本 :许多插件已完成从 AngularJS 到 React 的升级,直接更新可能解决问题 Grafana 移除 AngularJS 支持须知

  3. 核心可视化组件自动迁移:以下组件支持自动迁移:

    • 旧版图表 → 时间序列
    • 单值统计 → 统计面板
    • 旧版统计 → 统计面板
    • 旧版表格 → 表格
    • 世界地图 → 地理地图
      可通过启用功能开关 autoMigrateOldPanels 或面板编辑器手动操作触发迁移 Grafana 移除 AngularJS 支持须知
  4. 其他插件处理 :参考 Angular 插件文档 获取迁移方案

  5. 自定义/私有插件迁移:需从 AngularJS 重写为 React,具体包括:

    • 使用 React 重构插件
    • 通过 JSON 专用字段实现编辑器定制
    • 使用迁移处理器确保向后兼容
  6. 升级 Grafana 11 前测试 :通过设置 angular_support_enabled=false 模拟关闭 AngularJS 支持的环境进行验证

插件开发者可参照 配置设置迁移指南 进行改造。请注意:当 AngularJS 支持关闭后,所有依赖它的插件将无法加载,仪表板面板将不显示数据,请务必在升级至 Grafana 11 前完成迁移。

三人行, 必有我师; 知识共享, 天下为公. 本文由东风微鸣技术博客 EWhisper.cn 编写.

相关推荐
辉的技术笔记10 小时前
Dify 自部署为什么跑不动?6 层瓶颈诊断法教你定位
docker
阿里云云原生1 天前
研发视角的新突破:当 AI Coding 工具集成全域运维诊断,排查线上故障只需 3 分钟
云原生
程序员老赵1 天前
Docker 部署 Redmine:老牌开源项目管理部署实测记录
docker·开源·团队管理
程序员老赵1 天前
服务器文件不想 SFTP 上传?Docker 跑个 File Browser,浏览器就能管理
服务器·docker·开源
小猿姐2 天前
唯品会大规模数据库云原生实践:基于 KubeBlocks 管理数千实例的统一运维之路
运维·elasticsearch·云原生
阿里云云原生2 天前
AgentTeams 和 Claude Tag 都进入群聊模式,是新范式还是新叙事?
云原生·agent
阿里云云原生3 天前
Higress v2.2.3 发布:正式入驻 CNCF Sandbox,AI Gateway 与 Ingress 迁移能力双向加固
云原生
lichenyang4534 天前
Docker 学习笔记(五):Docker Compose,用一个 YAML 启动前端、后端和 MongoDB
docker
lichenyang4534 天前
Docker 学习笔记(四):Dockerfile,把项目打成自己的镜像
docker·容器
lichenyang4534 天前
Docker 学习笔记(三):Docker 网络、bridge、子网和容器互通
docker·容器