将值从我的 Json (Node.js + Express) 传递到我的最终应用程序

Question

我正在尝试基于此构建数据中心平面图热图 https://www.patrick-wied.at/static/heatmapjs/ 并从我拥有的一些物理传感器中提取数据。

我在后端（NodeJS + Express）和 HTML/CSS 方面有业余经验 目前我能够成功：

1- 使用 Python 从传感器中检索数据 2-将该数据保存到 SQLite 数据库中 3- 使用 nodejs+express 连接到这个数据库并制作一个工作路由器，在分配的路由中显示一个带有我需要的值的 json（Ej：传感器 1、传感器 2 和时间）

现在，我有一个可用的 API，但我的问题是热图适用于与 javascript 集成的 HTML 文件上某些变量的值（ej：点 1：20.4 和点 2：20.6）。

如何将这些值从我的后端传递到我的 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);
  });