自定义Chronograf的UI

Question

我正在尝试在我的项目中使用chronograf。我想更改Chronograf的用户界面以适合该项目。

我找不到与此有关的任何文件。我们可以自定义chronograf UI来满足要求吗？以及如何做

Answer 1

我做了一些类似的工作。我必须确保Chronograf UI仅限于“浏览”和“仪表板”选项卡。另外，我必须添加用户管理，以便将用户限制在特定的度量和仪表板中。

Chronograf是开源的。您可以从https://github.com/influxdata/chronograf

克隆它

• 后端是用Go语言编写的。
• UI用React.js编写（使用 打字稿）。

您可以在子文件夹/ui中找到UI代码：https://github.com/influxdata/chronograf/tree/master/ui

要构建它，您将需要Node.js和yarn。

如果只想在UI上工作，则可以编辑parcel.js并将http://localhost:8888的位置更改为当前Chronograf实例的位置。

然后从yarn start文件夹运行/ui并转到http://localhost:8080

如果您对UI代码进行更改，http://localhost:8080将自动刷新以反映您的更改。

如果您已准备好进行开发，请按照其自述文件中的说明从源代码构建Chronograf：https://github.com/influxdata/chronograf#from-source