前端如何获取cpu序列号

文章介绍了如何在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()

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值