Develop datasource plugin

Our goal in this doc is to develop a panel plugin named victoriaMetrics1, we named with 1 because there already exists a victoriaMetrics panel.

As we already know how to develop a panel plugin, so let's have a quick tutorial of how to develop a datasource plugin.

Create plugin & install

Enter DATAV_ROOT/ui/external-plugins/datasource directory, copy the victoriaMetrics plugin directory and rename it to victoriaMetrics1, then rename victoriaMetrics.svg to victoriaMetrics1.svg:

Then enter DATAV_ROOT/ui/external-plugins and run buildPlugins.go to install external plugins:

go run buildPlugins.go
2023/09/26 09:49:08 Generate panel plugins file successfully!

Now the new plugin is already created, you can try to use it to create a new datasource.

Develop plugin

It's time to develop our new datasource plugin, enter the source code directory of the new plugin : ui/src/views/dashboard/plugins/external/datasource/victoriaMetrics.

Let's look at index.ts.

index.ts