时间戳

首页 > 解决方案 > 将值从我的 Json (Node.js + Express) 传递到我的最终应用程序

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

问题描述

我正在尝试基于此 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 页面以将值分配给这些点？我没有任何将后端与前端集成的知识，因此欢迎提出任何建议。谢谢！

标签： javascriptnode.jsexpressfrontendbackend

解决方案

在没有看到您的代码或不知道您的确切实现的情况下，也许这可以让您大致了解如何使其工作：

// 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);
  });

推荐阅读