带有反应的本地网络分析仪

Question

我想用 react 制作网络监控仪表板。我想做的是获取 LAN 设备的所有信息，并在 react 上显示它们，如 Net Analyzer 移动应用程序。但不是移动，使用 reactjs。 我可以使用一些节点模块访问一些简单的数据，但我无法在 react 上运行相同的代码。 我使用的节点模块和输出如下：

var network = require('network'); 
network.get_public_ip(function(err, ip) {
  console.log(err || ip); // should return your public IP address
})
network.get_private_ip(function(err, ip) {
  console.log(err || ip); // err may be 'No active network interface found'.
})
network.get_gateway_ip(function(err, ip) {
  console.log(err || ip); // err may be 'No active network interface found.'
})




network.get_interfaces_list(function(err, list) {
 list.forEach(item => console.log(item));
})

output 1

我使用的第二个模块

const find = require('local-devices');

find().then(devices => {


  console.log(devices);

})

output 2

当我在 react 上使用这个模块时，我会遇到一些这样的错误。

react errors

我必须用react改进界面。我应该如何进行？最合乎逻辑的方法是什么？

Answer 1

network 是一个 Node.js 包。它在浏览器中不起作用。

解决方案：-

1. SSR - 您可以使用服务器端渲染来渲染 React 应用程序。并且使用这些网络包，您可以在服务器端获取信息。

2. 客户端渲染 - 您需要开发一个服务/API，以返回客户端所需的所有信息。