react-gpu-fingerprint

react-gpu-fingerprint

Get a browser's fingerprint (vendor and hardware) data from a React component using WebGL and the GPU. Some basic browser data is included as well.

Stats

Purpose

I needed a decent way (component-wise) to gather some device data to include in a JWT. The device data is very basic, doesn't personally identify the user (obviously), and can likely be used for other purposes as well. It's just good to know!

Install

NPM

In your project's root directory...

npm install --save react-gpu-fingerprint

Git

Cloning the project

git clone [e-mail]:yakubori/react-gpu-fingerprint.git

Building

From the project root, install the depndencies, then run the build

npm install

npm run build

Running the sample server

From the project root, install the depndencies, then run the sample server.

npm install

npm run dev

Example Usage

Very simple. Just give the FingerPrint component (or whatever you want to call it) a data handler function.

import React from "react";
import ReactDOM from "react-dom";
import FingerPrint from "react-gpu-fingerprint";

const handleFingerPrintData = (fp) => {
    console.log(fp);
}

ReactDOM.render(
    <FingerPrint dataHandler={handleFingerPrintData} />,
    document.getElementById("root")
);

Contributing

I realize this is a simple module, but I'm totally open to others working on this. Feel free to create your own branch and submit a pull request.