javascript - 如何在反应应用程序中从 clientJS 获取浏览器指纹？

Question

我正在尝试使用 clientJS 从反应应用程序中获取浏览器指纹。当我导入 clientJS 模块并尝试访问获取指纹功能时，它会抛出错误说Get Finger Print is not a function. 但是如果我从window.ClientJS(). 我能够生成指纹。为什么我无法从 ClientJS 的实例中获取指纹功能？

不工作

import ClientJS from "clientjs";

const client = new ClientJS()

const fingerPrint = client.getFingerprint()

控制台日志（客户端）

在职的

import ClientJS from "clientjs";

const client = new ClientJS()
const windowClient = new window.ClientJS();

const fingerPrint = windowClient.getFingerprint()

控制台.log(windowClient);

Answer 1

我对客户端 Js 做的不多，但我构建了一个小包，您可以使用它轻松获取浏览器指纹。

您可以在任何前端应用程序中使用它。

它可以在这里https://github.com/successtar/browser-signature

Answer 2

这在反应应用程序中对我有用

import ClientJS from 'clientjs'
import { useState, useEffect } from 'react'

let clientJs: any

const MyComponent = () => {
   const [fingerprint, setFingerprint] = useState('')
   
   useEffect(() => {
     clientJs = new ClientJS()
   }, []) // initiate on the first load

   setFingerprint(clientJs.getFingerprint)
}

Answer 3

下面的代码在 React 中为我工作。

import ClientJS from 'clientjs';

var client = new ClientJS();

client.getBrowser()