Tauri Vue3 获取 Windows 系统详细信息 - CPU、内存、电量、网络、负载、应用内存 - 常规

要获取 Windows 系统的详细信息，你可以使用 Tauri 和 Vue 3 的组合来完成。以下是一些示例代码，可用于获取 CPU、内存、电量、网络状态、系统负载和应用程序占用内存。

首先，确保你已经安装了 Tauri 和 Vue 3，并创建了一个 Tauri 项目。

获取 CPU 信息：

const os = require('os');

function getCpuInfo() {
  return os.cpus();
}

获取内存信息：

function getMemoryInfo() {
  return {
    total: os.totalmem(),
    free: os.freemem()
  };
}

获取电量信息（仅适用于笔记本电脑）：

// 需要在渲染进程中使用
const { ipcRenderer } = require('electron');

function getBatteryInfo() {
  return new Promise((resolve, reject) => {
    ipcRenderer.invoke('get-battery-info')
      .then((info) => resolve(info))
      .catch((error) => reject(error));
  });
}

然后，在主进程中添加以下代码：

const { powerMonitor, ipcMain } = require('electron');

ipcMain.handle('get-battery-info', () => {
  return powerMonitor.getBatteryStatus();
});

获取网络状态：

const network = require('network');

function getNetworkInfo() {
  return new Promise((resolve, reject) => {
    network.get_active_interface((error, result) => {
      if (error) {
        reject(error);
      } else {
        resolve(result);
      }
    });
  });
}

获取系统负载：

function getLoadAverage() {
  return os.loadavg();
}

获取应用程序占用内存：

const process = require('process');

function getAppMemoryUsage() {
  return process.memoryUsage();
}

你可以在 Vue 组件中调用这些函数，然后将结果显示在界面上。记得在 Tauri 的 tauri.conf.json 中添加所需的 API 权限。

这只是一个简单的例子，你可以根据自己的需求进行扩展和调整。希望对你有所帮助！