Передать значения из моего Json (Node.js + Express) в мое окончательное приложение

Question

Я пытаюсь построить тепловую карту плана этажа Datacenter, основываясь на этом https://www.patrick-wied.at/static/heatmapjs/ и получении данных от некоторых имеющихся у меня физических датчиков.

У меня есть любительский опыт работы с бэкэндом (NodeJS + Express), а также в HTML / CSS в настоящее время я смог успешно:

1- Извлечь данные с датчиков, используя Python 2- Сохранить эти данные в базе данных SQLite 3 - Подключиться к этому базы данных, используя nodejs + express и создайте работающий маршрутизатор, который показывает json в назначенном маршруте со значениями, которые мне нужны (Ej: Датчик 1, Датчик 2 и время)

Теперь у меня есть рабочий API, но моя проблема в том, что тепловая карта работает со значениями определенных переменных (например, точка 1: 20,4 и точка 2: 20,6) в файле HTML, который интегрируется с javascript.

Как я могу передать эти значения из моего бэкэнда на мою страницу html, чтобы присвоить значение этим точкам? У меня нет никаких знаний об интеграции бэкэнда с веб-интерфейсом, поэтому любые предложения приветствуются. Спасибо!

Answer 1

Не видя ваш код или не зная вашей точной реализации, возможно, это может дать вам приблизительное представление о том, как заставить это работать:

// server-side

app.get('/sensorData', (req, res, next) => {
  // DB code to retrieve all sensor data, I assume you have this implemented somehow already and are returning the data as json at some endpoint
  SensorData.getAllSensorData((data) => {
    res.json(data);
  });
});

// client-side

fetch('/sensorData')
  .then(response => response.json())
  .then(sensorData => {
    const dataPoints = sensorData.map(dataPoint => {
      return {
        x: datapoint.x, // or whatever you've named the x-value
        y: datapoint.y,
        value: // whatever the heatmap value is
      };
    });
    heatmapInstance.addData(dataPoints);
  });