Настройка пользовательского интерфейса Chronograf

Я пытаюсь использовать Chronograf в своем проекте. Я хотел бы изменить пользовательский интерфейс Chronograf в соответствии с проектом.

Я не смог найти никаких документов, связанных с этим. Можем ли мы настроить пользовательский интерфейс Chronograf в соответствии с требованиями? Если да, то как мы можем это сделать?


person Triple B    schedule 22.03.2019    source источник


Ответы (1)


Я проделал аналогичную работу. Я должен был убедиться, что пользовательский интерфейс Chronograf ограничен вкладками исследования и приборной панели. Кроме того, мне пришлось добавить управление пользователями, чтобы пользователи были ограничены определенными измерениями и панелями мониторинга.

Хронограф с открытым исходным кодом. Вы можете клонировать его с https://github.com/influxdata/chronograf.

  • Бэкенд написан на Go.
  • Пользовательский интерфейс написан на React.js (с использованием Typescript).

Вы можете найти код пользовательского интерфейса в подпапке /ui: https://github.com/influxdata/chronograf/tree/master/ui

Для его создания вам понадобятся Node.js и пряжа.

Если вы хотите работать только с пользовательским интерфейсом, вы можете отредактировать parcel.js и изменить местоположение http://localhost:8888 на местоположение вашего текущего экземпляра Chronograf.

Затем запустите yarn start из папки /ui и перейдите на http://localhost:8080.

Если вы внесете изменения в код пользовательского интерфейса, http://localhost:8080 автоматически обновится, чтобы отразить ваши изменения.

Если вы готовы к разработке, следуйте инструкциям по сборке Chronograf из исходного кода в их файле Readme: https://github.com/influxdata/chronograf#from-source

person Sam    schedule 25.04.2019