Electron-vue 获取本地ip地址、MAC地址、版本号


一、本地信息包含

IP地址、MAC地址、版本信息

二、具体使用

1. IP地址

代码如下(示例):
安装ip模块

npm install ip

在主进程或渲染进程(页面中)使用

// 引入模块
const ip = require("ip")
// 调用
console.log("获得的IP地址",ip.address());

2. MAC地址

代码如下(示例):
安装模块

npm install --save getmac

在主进程或渲染进程(页面)中:

// 引入模块
import getMac from "getmac"
 // 调用
console.log("获得的MAC地址",getMac());

3. 版本 version

代码如下(示例):
在主进程或渲染进程(页面)中:

// 引入模块
import config from '../../package.json'
 // 调用
console.log("获得的版本号",config.version);

4. 效果如下

vue 页面代码:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
效果如下:
在这里插入图片描述

三、根据电脑上网方式获取对应的IP、MAC地址信息

参考此片博文方法:https://blog.csdn.net/SankeyXu/article/details/117068283

getPcMsg() {
            let interfaces = require('os').networkInterfaces()
            let pcObj = {}
            let pcMessage = []
            for (let key in interfaces) {
                if(key.indexOf('WLAN') !== -1 || key.indexOf('无线网络连接') !== -1) {
                    pcObj = interfaces[key]
                    break
                } else if (key.indexOf('以太网') !== -1 || key.indexOf('本地连接') !== -1) {
                    pcObj = interfaces[key]
                } else if (Object.keys(pcObj).length < 1) {
                    pcObj = interfaces[key]
                }
            }
            pcMessage = pcObj.filter((item) => {
                if(item.family === 'IPv4') {
                    return item
                }
            })
            return pcMessage[0];
        },
    

        // 获取IP地址和MAC地址
        getIp(){
            // let IP = ip.address();
            let IP = this.getPcMsg().address;
            this.ip = IP;
        },
        getMac(){
            // 引入第三方库
            // let Mac = getMac();
            let Mac = this.getPcMsg().mac;
            this.mac = Mac;
        },

实现效果
在这里插入图片描述

总结

提示:这里对文章进行总结:

Logo

前往低代码交流专区

更多推荐