Electron 项目中使用 WiFi 图标检测信号强弱完整代码示例

以下是一个使用 Electron 来检测 WiFi 信号强弱的完整代码示例：

const { app, BrowserWindow } = require('electron');
const path = require('path');
const wifi = require('node-wifi');

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  });

  mainWindow.loadFile('index.html');

  // 检测 WiFi 信号强弱
  wifi.init({
    iface: null // 默认为 null，表示使用第一个无线网卡
  });

  setInterval(() => {
    wifi.getCurrentSignalStrength((err, res) => {
      if (err) {
        console.log(err);
        return;
      }

      const signalLevel = res + 100; // 将信号强度转换为 0-100 的范围
      mainWindow.webContents.send('wifiSignal', signalLevel);
    });
  }, 1000);
}

app.whenReady().then(() => {
  createWindow();

  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow();
  });
});

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit();
});

在上述代码中，我们使用了 node-wifi 来检测 WiFi 信号强弱。首先，在 createWindow 函数中，我们初始化了 node-wifi 并设置了默认的无线网卡。

然后，我们在 setInterval 函数中每隔 1 秒获取一次当前 WiFi 信号强度，并将其转换为 0-100 的范围。最后，我们通过 mainWindow.webContents.send 来向渲染进程发送信号强度值。

在渲染进程中，你可以使用以下代码来监听 wifiSignal 事件，并更新 WiFi 图标的状态：

const { ipcRenderer } = require('electron');

ipcRenderer.on('wifiSignal', (event, signalLevel) => {
  // 更新 WiFi 图标的状态
  // signalLevel 为 0-100 的范围值
});

请注意，上述代码只是一个示例，你需要根据自己的实际情况来更新 WiFi 图标的状态。