Vue使用Electron获取电脑MAC地址

2024-07-02 00:26:26

一、需求背景：

前端使用Vue开发的PC管理端，Boss提出登录系统需要进行电脑机器码认证，咨询了好多Vue的小伙伴，均告知Vue无法获取MAC地址。于是利用搜索引擎查找，发现网上有一些说获取MAC地址的，感觉最靠谱的还是IE内核的利用ActiveX插件才能获取。最终放弃IE使用Active的插件这种方案，决定使用Electron对Vue进行包装成exe文件之后，从Electron的API中获取MAC地址。

二、项目环境：

node

C:\Users\Administrator>node -v
v 12.16.1

npm

C:\Users\Administrator>npm -v
6.13.4

cnpm

C:\Users\Administrator>cnpm -v
cnpm@6.1.1 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\par
se_argv.js)
npm@6.14.4 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_mo
dules\npm\lib\npm.js)
node@12.16.1 (D:\DevelopTools\node\node.exe)
npminstall@3.27.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\
node_modules\npminstall\lib\index.js)
prefix=C:\Users\Administrator\AppData\Roaming\npm
win32 x64 6.1.7601
registry=https://r.npm.taobao.org

vue cli 3

vue cli3

google浏览器

三、vue-cli3.0&electron使用

首先初始化项目，放入vscode打开

vue create test-electron-vue

初始化的项目结构：

2. 执行 cnpm i 增加项目依赖，成功后会比上边的项目初始化的根目录多出node_modules文件夹

3. 此时在控制台输入cnpm run serve 看项目是否会正常运行，正常情况如下：

成功运行截图：

打开的界面

4. 接下来在控制台输入 vue add electron-builder，安装成功后，继续输入 cnpm run electron:serve 运行项目，如下：

默认启动项目是调试模式

四、获取MAC地址：

按照下图，就可以获取mac地址咯。（打印的是获取到的全部信息，json格式的，按自己需要解析json拿就行）

PS：相关的demo已上传，需要的朋友可以下载看看。纯原创，转载请注明出处。

对应demo连接：https://download.csdn.net/download/a617973058/12344028 。

Vue使用Electron获取电脑MAC地址相关推荐

用户计算机MAC地址在哪看,怎么查看远程电脑mac地址
有时候,我们使用电脑会遇到想要查看远程电脑mac地址的问题,许多用户不知道怎么办,那么该如何解决查看远程电脑mac地址这个难题呢?下面是学习啦小编收集的关于查看远程电脑mac地址的步骤,希望对你有所帮 ...
java获取本地mac地址
如何用java代码获取本地mac地址呢? 我们可以通过cmd命令:ipconfig -all 来查看我们电脑上的mac地址是多少. 目录一.自定义方法获取本地mac地址二.利用第三方工具类获取本 ...
获取客户端mac地址 php,js获取客户端mac地址的方法
首先声明,此篇文章纯属标题党.今日QQ群里探讨用JS获取客户端mac地址的方法,众说纷纭,有说行有说不行的,闲着没事儿研究了一下,js确实可以获取到客户端当前电脑的mac地址,代码如下,但这段代码放到 ...
android 获取网卡mac_在安卓6.0（及以上）设备上无法获取无线网卡MAC地址的解决方案...
在安卓6.0以下的设备上,通过WifiManager.getConnectionInfo().getMacAddress()即可获取WLAN物理地址, 而在6.0及以上,以此方式获取到的MAC地址为固 ...
java通过ip获取网卡MAC地址
参考:http://www.jb51.net/article/73882.htm /** * 获取MAC地址 * @author * 2011-12 */ public static class Ge ...
chrome web获取mac地址_老鬼傻瓜式讲解网络知识：网络设备如何通过IP地址获取设备MAC地址...
导读:在前面老鬼向各位好友介绍一些关于网络的基础知识,同时针对ICMP协议(常见使用的Ping测试网络就是使用该协议)进行了详细介绍.具体可参见<Ping是你经常测试工业智能制造网络的工具,但你 ...
Delphi自定义获取网卡MAC地址过程
//获取网卡MAC地址=============================================================== procedure CvtInt; asm ...
kotlin获取属性_Kotlin程序获取系统MAC地址
kotlin获取属性 The task is to get system MAC address. 任务是获取系统MAC地址. package com.includehelp import java. ...
java如何获得wlan mac_Android M 如何获取 Wifi MAC地址
今天在撸代码时发现,之前能获取mac地址的方法在nexus 6上返回了"02:00:00:00:00:00",进入设置查看mac地址,结果不相同,肯定有问题,于是就开始上网查资料一 ...
linux内核根据skb获取目的mac地址
linux内核根据skb获取目的mac地址工作笔记工作笔记 linux编程直接通过skb里面的信息获取mac,如下 1.struct ethhdr *eth_hdr = (struct ethh ...

最新文章

热门文章