跳到主要内容

Angular 到 React:定位旧版本

Angular 插件通常具有庞大的安装基础,用户使用的 Grafana 版本也较旧。

本文档提供有关如何定位旧版(甚至是不受支持的)版本的通用指南,允许用户根据需要迁移到更新的 Grafana 版本。

最可靠的最低版本是 8.4.119.3.16,具体取决于使用的 UI 组件数量。

使用 create-plugin 工具时,无论是更新现有插件还是迁移,包列表通常都会包含最新的 Grafana 版本。要向旧版 Grafana 提供插件,只需将 dependenciesdevDependencies 设置为与旧版本匹配即可。

定位 v8.4

Polystat 面板能够定位 v8.4.11,因为它使用的 UI 组件很少。它还使用了最新的 plugin-e2e 包和最新的 plugin-tools 配置。

"dependencies": {
"@grafana/data": "8.4.11",
"@grafana/runtime": "8.4.11",
"@grafana/schema": "10.3.3",
"@grafana/ui": "8.4.11",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-redux": "7.2.6",
...
}

更新 src/plugin.json 文件以对应相同的版本

    "dependencies": {
"grafanaVersion": "8.4.x",
"grafanaDependency": ">=8.4.11"
}

定位 v9.3

D3 Gauge 面板由于之前版本中不可用的数据转换,必须至少定位到 v9.3.16。它还使用了最新的 plugin-tools 配置,包括 git 工作流和 webpack 设置。

"dependencies": {
"@grafana/data": "9.3.16",
"@grafana/runtime": "9.3.16",
"@grafana/ui": "9.3.16",
"react": "17.0.2",
"react-dom": "17.0.2",
...
}

更新 src/plugin.json 文件以对应相同的版本

    "dependencies": {
"grafanaVersion": "9.3.x",
"grafanaDependency": ">=9.3.16"
}

特别注意事项

请务必在使用最低版本和当前版本之间的所有版本中测试插件,以确保不会发生崩溃。

额外资源

这些面板定位旧版 Grafana 版本,并在最新版本中正常运行。

Polystat 面板

D3 Gauge 面板