注意!Electron 无法获取设备ID了!

开发 前端
正常情况下,我们希望用户打开应用的时候,主动获取设备 ID 并发给渲染进程。然而经过测试,在创建浏览器窗口的同时立即获取设备 ID 并通知渲染进程,在正式环境中,渲染进程往往接受不到消息。这是因为创建窗口时,页面还没有初始化完成,自然接收不到消息。

大家好,我是杨成功。

在桌面应用开发中,常常需要获取设备唯一 ID 来表示当前客户端的唯一性。一般的设备 ID 需要满足两个条件:

  • 基于硬件和系统配置生成,确保设备的唯一性。
  • 只要不重装系统,设备 ID 多次获取都是唯一的。

node-machine-id 是一个常用的 Node.js 模块,它能够在 Electron 中获取机器的唯一标识。

我们的产品就是使用该模块,用法也很简单:

import { machineIdSync } from 'node-machine-id';
let id = machineIdSync();

但是昨天出现了问题,排查结果是多台设备获取的 ID 竟然是一样的,造成了一些设备的数据被篡改,我从 issues 中找到了一些端倪。

图片

也就是在 Window Ghost 系统中会出现问题(啥是 Window Ghost ?)。

Window 中还经常遇到权限问题,而且这个 ID 总归不可控,所以还是用自定义的方式实现吧。

自定义设置设备 ID

自定义的设备 ID 首先需要唯一,其次在安装和卸载应用时设备 ID 不变。

满足这两个要求,最佳的方案就是将自己生成的设备 ID 存储在用户目录下。

假设当前用户叫张三,他的用户目录:

  • Window:C:\Users\张三\
  • MacOS:/Users/张三/

很多应用程序都把配置写到用户目录下,且该目录一般不会遇到权限问题。

使用 uuid 生成设备 ID:

import { v4 as uuidv4 } from 'uuid';
const device_id = uuidv4();

在主进程中获取到用户目录,非常简单:

import { app } from 'electron';
const user_path = app.getPath('home'); // 自动获取 Win 或 Mac 的用户目录

在用户目录下创建 .elappid 文件,存放生成的设备 ID:

import { join } from 'node:path';
import fs from 'node:fs';
// 获取配置文件地址
let appid_path = join(user_path, '.elappid');
// 判断文件是否存在,不存在就先创建,并写入设备ID
if (!fs.existsSync(appid_path)) {
  fs.writeFileSync(appid_path, device_id, 'utf8');
}

读取设备 ID,并发送给渲染进程:

let appid = fs.readFileSync(appid_path, 'utf8');
win.webContents.send('susr-config', { appid });

写一个进程间交互的方法,就能拿到设备 ID 了。

什么时候获取设备 ID

正常情况下,我们希望用户打开应用的时候,主动获取设备 ID 并发给渲染进程。

然而经过测试,在创建浏览器窗口的同时立即获取设备 ID 并通知渲染进程,在正式环境中,渲染进程往往接受不到消息。

这是因为创建窗口时,页面还没有初始化完成,自然接收不到消息。

保险的方法就是在页面加载完成后再获取设备 ID,方法如下:

win = new BrowserWindow({...})

// 页面加载完成后触发:
win.webContents.on("did-finish-load", () => {
  console.log('在这里获取设备ID吧')
})

大功告成,你也试试吧!

责任编辑:姜华 来源: 程序员成功
相关推荐

2009-07-06 16:44:49

WinCE中获取设备I

2009-09-03 17:51:34

C#获取设备的ID

2022-05-17 10:01:21

ChromeAndroidGoogle

2021-06-23 20:33:38

Mac苹果面容ID

2016-12-05 13:53:23

2017-05-12 10:59:19

Windows 10USB设备

2024-03-28 16:27:03

2021-02-01 16:55:13

iPhoneTouch ID苹果

2020-04-03 08:30:44

RabbitMQKafka软件

2021-01-12 09:24:24

Apple ID苹果锁定

2022-06-14 18:35:01

ID生成器语言

2020-07-17 07:15:38

数据库ID代码

2013-11-26 15:12:40

2022-12-30 16:19:48

鸿蒙开发工具

2011-08-22 16:39:15

iOS内存

2023-10-27 16:12:29

2013-07-05 09:15:28

Android

2011-07-07 13:12:58

移动设备端设计注意力

2010-11-25 13:53:13

UI设计移动

2022-03-21 11:15:03

SafariWebKit
点赞
收藏

51CTO技术栈公众号