[JavaScript知识库] electron：获取MAC地址

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> electron：获取MAC地址 -> 正文阅读

[JavaScript知识库]electron：获取MAC地址

一、背景

当我们需要用户“使用指定设备”访问程序的时候，我们需要获取用户设备的固定的id，设备id+用户id实现业务需求，这个所谓的id就是MAC地址。

对于其他方法：

uuid：uuid是一个唯一的字符串，可以存放到浏览器本地存储，但是当清楚缓存后就不复存在，或者杀毒软件也会定期清理缓存，清理后也会不存在。

浏览器指纹：浏览器指纹是指仅通过浏览器的各种信息，如CPU核心数、显卡信息、系统字体、屏幕分辨率、浏览器插件等组合成的一个字符串，就能近乎绝对定位一个用户，就算使用浏览器的隐私窗口模式，也无法避免。如果用户量大的话还是有可能重复的。

MAC地址：形象地说，MAC地址就如同身份证上的身份证号码，具有唯一性。

所以MAC地址是理想的方法，但是浏览器不能获取MAC地址，所以本文我们electron。

MAC地址举例：18:26:49:7d:95:ab

二、代码实现

<!DOCTYPE html>
<html>
    <head>
      <meta charset="UTF-8">
      <title>Hello World!</title>
    </head>
    <body>
        <h1 id="h1">Hello World!</h1>
        We are using node
        <script>
            document.write(process.versions.node)
        </script>
        Chrome
        <script>
            document.write(process.versions.chrome)
        </script>
        and Electron
        <script>
            document.write(process.versions.electron)
            // 获取mac地址
            var os = require("os");
            if(os.networkInterfaces().WLAN){
            sessionStorage.mac = os.networkInterfaces().WLAN[0].mac
            }else{
            sessionStorage.mac = os.networkInterfaces()['以太网'][0].mac
            }
            sessionStorage.name = os.hostname()
            console.log('mac:', sessionStorage.getItem('mac'))
            console.log('name', sessionStorage.getItem('name'))
        </script>
    </body>
</html>

三、过程记录：

记录一、

解决：

const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true, // 需要
      contextIsolation: false // 需要
    }
  })

完整index.js代码：

const {app, BrowserWindow} = require('electron')
// 创建全局变量并在下面引用，避免被GC
let win
function createWindow () {
    // 创建浏览器窗口并设置宽高
    win = new BrowserWindow({
        width: 800, 
        height: 600,
        webPreferences: {
            contextIsolation: false, // 需要
            nodeIntegration:true // 需要
        }
    })

    // 加载页面
    win.loadFile('./index.html')

    // 打开开发者工具
    win.webContents.openDevTools()

    // win.on('DOMContentLoaded', () => {
    // })

    // 添加window关闭触发事件
    
    win.on('closed', () => {
        win = null  // 取消引用
    })

    // 初始化后 调用函数
    app.on('ready', createWindow)  
    // 当全部窗口关闭时退出。

    app.on('window-all-closed', () => {
       // 在 macOS 上，除非用户用 Cmd + Q 确定地退出，
       // 否则绝大部分应用及其菜单栏会保持激活。
       if (process.platform !== 'darwin') {
            app.quit()
       }
   })

app.on('activate', () => {
// 在macOS上，当单击dock图标并且没有其他窗口打开时，
// 通常在应用程序中重新创建一个窗口。
    if (win === null) {
      createWindow()
    }
})