Using FingerprintJS Pro Angular library

This open-source library provides you with all necessary wrappers for using FingerprintJS Pro with Angular and SSR with Angular Universal.

Sample usage

  1. Add @fingerprintjs/fingerprintjs-pro-angular as a dependency to your application via npm or yarn.
npm install @fingerprintjs/fingerprintjs-pro-angular
yarn add @fingerprintjs/fingerprintjs-pro-angular
  1. Add FingerprintjsProAngularModule.forRoot() to the imports sections in your root application module. You can specify multiple configuration options.
import { NgModule } from '@angular/core'
import { FingerprintjsProAngularModule } from 'fingerprintjs-pro-angular'
// ...

  declarations: [AppComponent],
  imports: [
    FingerprintjsProAngularModule.forRoot({loadOptions: {apiKey: 'public-api-key'}})
//  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  providers: [],
  bootstrap: [AppComponent]
export class AppModule { }
  1. Inject the FingerprintjsProAngularService in your component's constructor. Now you can identify visitors using the getVisitorData() method from the service.
import { Component, OnInit } from '@angular/core';
import { FingerprintjsProAngularService } from 'fingerprintjs-pro-angular';

  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
export class HomeComponent implements OnInit {

  constructor(private fingerprintjsProAngularService: FingerprintjsProAngularService) { }
  visitorId = 'Press "Identify" button to get visitorId';

  async onIdentifyButtonClick() : Promise<void> {
    const data = await this.fingerprintjsProAngularService.getVisitorData();
//  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    this.visitorId = data.visitorId;
    this.extendedResult = data;


You can find the full documentation in the official GitHub repository. The repository also contains an example app demonstrating usage of the library.