掘力計劃第 20 期：Flutter 混合開發的混亂之治
在掘力計劃系列活動第20場，《Flutter 開發實戰詳解》作者，掘金優秀作者，Github GSY 系列目負責人戀貓的小郭分享了Flutter 混合開發的混亂之治。Flutter 基于自研的 Skia 引擎
大家好，我是楊成功。
在桌面應用開發中，常常需要獲取設備唯一 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 存儲在用戶目錄下。
假設當前用戶叫張三，他的用戶目錄：
很多應用程序都把配置寫到用戶目錄下，且該目錄一般不會遇到權限問題。
使用 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');// 判斷文件是否存在，不存在就先創建，并寫入設備IDif (!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，方法如下：
win = new BrowserWindow({...})// 頁面加載完成后觸發：win.webContents.on("did-finish-load", () => { console.log('在這里獲取設備ID吧')})大功告成，你也試試吧！
本文鏈接：http://www.www897cc.com/showinfo-26-76538-0.html注意！Electron 無法獲取設備ID了！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號