跳转到主要内容

Angular 到 React:针对旧版本

Angular 插件通常拥有庞大的安装基础和运行 Grafana 旧版本的用户。

本文档提供了关于如何针对旧版本(甚至非支持版本)的一般性指导,使用户能够根据需要迁移到 Grafana 的新版本。

最可靠的最低版本是 8.4.11,而 9.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,因为之前版本中不可用的数据转换。它还使用了带有 git 工作流和 webpack 设置的最新 plugin-tools 配置。

"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 面板