跳至主要内容

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