前端如何获取cpu序列号

原创已于 2023-05-26 14:07:52 修改 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #node.js #vue

于 2023-05-26 14:05:07 首次发布

文章介绍了如何在Vue+Electron项目中，通过创建preload.js来执行命令行工具wmic获取CPU序列号，然后在vue.config.js中配置预加载此脚本。同时，对于TypeScript项目，文章还展示了如何添加global.d.ts以避免类型错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目背景技术：vue + electron

方法：1.新建一个preload.js

const childProcess = require('child_process');

module.exports = {
  getCPUSerialNumber() {
      let res = ""
      try {
      let cmd = `wmic CPU get ProcessorID`;    //cmd里获取cpu序列号的指令
      res = childProcess.execSync(cmd);    //输出指令返回
    }catch (e){
      res = childProcess.execSync(cmd);
      console.error("获取CPU序列号错误！")
    }
    return res.toString().split('\n');  
  },
}

2.vue.config.js里配置预加载preload.js

module.exports = {
  pluginOptions: {
    electronBuilder: {
       preload: { preload: 'src/preload.js',},
    }
  }
}

3.添加global.d.ts(备注：使用ts时需要，否则可忽略次步骤)

type CallbackFunctionVariadicAnyReturn = (...args: any[]) => any;

declare global {
    interface Window {
          getCPUSerialNumber: CallbackFunctionVariadicAnyReturn
    }
}

4.使用

const CPUSerialNumber = window?.getCPUSerialNumber()?.[1]?.trim()