Can you please guys share the implementation in the angular way? #9

ArmandoPerdomo · 2020-11-30T19:18:50Z

Hello, can you please guys share the solution in the angular way?

I try the following

Install npm install @digitalpersona/devices
Copy these files into my src/app/core/modules folder
In my angular.json I add the index.js like this

"scripts": [
              "src/app/core/modules/WebSdk/index.js"
            ],

in my app.component.ts I do this

import {FingerprintReader} from "@digitalpersona/devices";
...

private reader: FingerprintReader;
constructor() {
  this.reader = new FingerprintReader();
}

But in my console still getting errors

ERROR in node_modules/@digitalpersona/devices/dist/typings/devices/cards/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.

1 /// <reference types="WebSdk" />
                        ~~~~~~
node_modules/@digitalpersona/devices/dist/typings/devices/fingerprints/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.

1 /// <reference types="WebSdk" />
                        ~~~~~~
node_modules/@digitalpersona/devices/dist/typings/devices/iwa/device.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.

1 /// <reference types="WebSdk" />

am I missing something?

Originally posted by @ArmandoPerdomo in #2 (comment)

The text was updated successfully, but these errors were encountered:

ArmandoPerdomo · 2020-11-30T19:19:58Z

I add in the app.module.ts

import './core/modules/WebSdk';

But i'm getting new errors

WARNING in ./src/app/core/modules/WebSdk/index.js
Module not found: Error: Can't resolve 'vertx' in 'D:\Armando\Proyectos\Cupo Express\cupo-expess-totem\src\app\core\modules\WebSdk'

ERROR in ./node_modules/@digitalpersona/devices/dist/es5.bundles/index.umd.js
Module not found: Error: Can't resolve 'WebSdk' in 'D:\Armando\Proyectos\Cupo Express\cupo-expess-totem\node_modules\@digitalpersona\devices\dist\es5.bundles'
Error from chokidar (D:\): Error: EBUSY: resource busy or locked, lstat 'D:\pagefile.sys'
    
    ERROR in node_modules/@digitalpersona/devices/dist/typings/devices/cards/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />
                            ~~~~~~
    node_modules/@digitalpersona/devices/dist/typings/devices/fingerprints/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />
                            ~~~~~~
    node_modules/@digitalpersona/devices/dist/typings/devices/iwa/device.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />
                            ~~~~~~

a-bronx · 2020-12-01T06:31:26Z

Probably duplicate of #5.

ArmandoPerdomo · 2020-12-01T14:08:19Z

I tried all the implementations specified there but I'm still getting these errors

The vertx error was gone

 ERROR in node_modules/@digitalpersona/devices/dist/typings/devices/cards/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />
                            ~~~~~~
    node_modules/@digitalpersona/devices/dist/typings/devices/fingerprints/reader.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />
                            ~~~~~~
    node_modules/@digitalpersona/devices/dist/typings/devices/iwa/device.d.ts:1:23 - error TS2688: Cannot find type definition file for 'websdk'.
    
    1 /// <reference types="WebSdk" />

Maybe is something with the configuration in my ts file? any ideas?

ArmandoPerdomo · 2020-12-01T14:19:33Z

I try to implement the SDK with the implementation described in the Developer Guide in "the Javascript API"

But I think that is an old specification, maybe It would work to implement enrollment and authentication?

That's the only think that I have to do.

In the specification, you have a method that returns a sample from the user's finger, when you startAcquisition()

a-bronx · 2020-12-01T19:46:30Z

Probably the Typescript compiler in your project cannot find the modules\WebSdk\index.d.ts. Try to add the path to typings in tsconfig.json.

The import './core/modules/WebSdk'; should also work, just make sure there is no server-side rendering in the import point, because WebSdk is a browser-only library. You'll get errors is WebSdk somehow gets imported in the NodeJS context.

The documentation referred by the link is an older Fingerprint WebApi (fingerprint.sdk.js). It provides fingerprint acquisition only, but does not provide any methods for enrollment or authentication. You'll need to implement your own enrollment/authentication using the raw fingerprint samples, or use a DigitalPersona Web Services.

The @digitalpersona/devices library implements both the Fingerprint WebApi and Cards WebApi functionality, allowing to acquire fingerprints and card credentials. It is pretty similar to the older Fingerprint WebApi, so you can use any of them if all you need is to acquire fingerprint samples.

If you also need enrollment and authentication with DigitalPersona Web Services, you can use @digitalpersona/enrolment and @digitalpersona/authentication, and they have better integration with the @digitalpersona/devices.

ArmandoPerdomo · 2020-12-15T12:36:50Z

Sorry for my late response,

Great!, thanks for the support

the better solution was this (Angular 9) if anyone needs

Install npm install @digitalpersona/devices
Copy these files into my src/app/core/modules folder
Add modues folder into my typeRoots

"typeRoots": [
    "node_modules/@types",
    "src/app/core/modules"
 ],

Switch my ecma script target in my tsconfig.json to "target": "es6",
Add these scripts to my angular.json folder

"scripts": [
      "src/app/core/modules/WebSdk/index.js"
 ],

Commented out the import 'WebSdk' from the file node_modules/@digitalpersona/devices/dist/es6/devices/websdk/channel.js (this is some kinda bug or something?)
Then in my app.component.ts I add this and works
this.reader.enumerateDevices().then(console.log);

Now I have another problem, I need to do the enrollment and the authentications with the sample users

Which requirements do I need to do this?

In your official documentation you have this method

private onSamplesAcquired = (event: SamplesAcquired) =>
    {
        try {
            const samples = event.samples;
            const api = new FingerprintsAuth( <service endpoint URL> );
            const token = await (
                this.identity ? 
                    api.authenticate(this.identity, samples):
                    api.identify(samples));
            );
            this.notifyOnToken(token);
        }
        catch (error) {
            this.handleError(error);
        }
    }

But what means this? <service endpoint URL> this has to be some integration with your services or something?

My requirement its compare to fingerprints to authenticate the user, that's my general purpose

Thanks

a-bronx · 2020-12-15T20:56:14Z

<service endpoint URL> this has to be some integration with your services or something?

Answered here

I need to do the enrollment and the authentications with the sample users

This task is out of scope of the @digitalpersona/devices library, as it's only purpose is to collect user credential data like fingerprint samples. To match fingerprints, you need a fingerprint matching engine.

One solution is to use DigitalPersona Authentication Server, which is a Windows service integrated with ActiveDirectory and/or LDS accounts. It includes DigitalPersona Access Management Web Services (DPAM) and corresponding Web APIs (like @digitalpersona/authentication and @digitalpersona/enrollment) to communicate with browsers. This is what provide service endpoint in the sample code you quoted.

Another option is to use any other fingerprint matching engine supporting one of fingerprint template formats, and implement your own biometric authentication web service, backed with your own biometric data store and the matching engine of your choice, and with your own JS client library. In this case you won't be able to use @digitalpersona/authentication and @digitalpersona/enrollment APIs, as they are provided as a part of DPAM suite.

ArmandoPerdomo · 2021-01-27T13:55:12Z

Thank you for the response,

My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

ghost · 2021-01-28T01:46:18Z

Tried @ArmandoPerdomo's solution and I managed to make it work. But after trying

Then in my app.component.ts I add this and works
this.reader.enumerateDevices().then(console.log);

I got this error from channel.js

ERROR Error: Uncaught (in promise): Error: Communication failure.

Seems like I'm missing something

a-bronx · 2021-01-28T02:06:09Z

Do you have a DigitalPersona Workstation or DigitalPersona Lite Client installed? See the #5 (comment)

d-mance · 2021-03-05T11:20:29Z

Thank you for the response,

My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

Your solution works fine but there is a problem if the build of the application is made with jenkins. Jenkins will download a fresh library with the import line not commented.

Is there any suggestion on how to manage that situation?

Abdullah0991 · 2021-04-18T22:07:25Z

Thank you very much @ArmandoPerdomo for the guide <3.

The lib is working fine for me with Angular 11, but I have 2 warnings:

Warning: ./src/modules/WebSdk/index.js
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\user\Desktop\testpersona\src\modules\WebSdk'

Warning: ./src/modules/WebSdk/index.js
Module not found: Error: Can't resolve 'vertx' in 'C:\Users\user\Desktop\testpersona\src\modules\WebSdk'

How to solve those warnings ?

a-bronx · 2021-04-19T01:56:46Z

The lib is working fine for me with Angular 11, but I have 2 warnings:

Where and when do you have these warnings? Make sure you load the WebSdk module only into the browser using a regular <script> tag, not via import. For your TS code to compile you need to import only typings to make the compiler happy, so make sure .d..ts file is in your tsc typings path. You may also need to declare an external global object WebSdk in your bundler.

Abdullah0991 · 2021-04-29T10:23:51Z

I am really sorry for the delay...

Where and when do you have these warnings

Just after following @ArmandoPerdomo guide.

This is the service code:

import '../../../assets/modules/WebSdk';

import { Injectable } from '@angular/core';
import { FingerprintReader, SampleFormat } from '@digitalpersona/devices';
import { from, Observable } from 'rxjs';
import { finalize } from 'rxjs/operators';
import { DeviceInfo } from '@digitalpersona/devices/src/devices/fingerprints/device';

@Injectable({
  providedIn: 'root'
})
export class FingerprintPersonaService {
  private reader: FingerprintReader;

  constructor() {
  }

  public initReader(): Observable<void> {
    this.reader = new FingerprintReader(new WebSdk.WebChannelOptions({}));

    this.reader.onDeviceConnected = (event) => {
      console.log('onDeviceConnected', event);
    };
    this.reader.onDeviceDisconnected = (event) => {
      console.log('onDeviceDisconnected', event);
    };
    this.reader.onQualityReported = (event) => {
      console.log('onQualityReported', event);
    };
    this.reader.onSamplesAcquired = (event) => {
      console.log('onSamplesAcquired', event.samples[0]);
    };
    this.reader.onErrorOccurred = (event) => {
      console.log('onReaderError', event);
    };

    return from(this.reader.startAcquisition(SampleFormat.PngImage));
  }

  public destroyReader(): Observable<void> {
    return from(this.reader.stopAcquisition()).pipe(finalize(() => {
      console.log('Reader destroyed');
      delete this.reader;
    }));
  }

  public getReaderInfo(devUid: string): Observable<DeviceInfo | null> {
    return from(this.reader.getDeviceInfo(devUid));
  }
}

a-bronx · 2021-04-29T20:08:53Z

@Abdullah0991

do you have index.d.ts file in your /assets/modules/WebSdk?
As I mentioned, make sure the WebSdk/index.js is not bundled with your modules, but instead loaded with <script src="/assets/modules/WebSdk/index.js"> in your index.html. You may need to declare the WebSdk as a "global/external" library in your webpack/rollup/etc config.
try to add the import './assets/modules/WebSdk in your top-level index.ts only. Your code does not really need any types from WebSdk, the import is needed only to introduce those global types for @digitalpersona/devices

Abdullah0991 · 2021-05-01T13:56:51Z

do you have index.d.ts file in your /assets/modules/WebSdk?

Yes.

As I mentioned, make sure the WebSdk/index.js is not bundled with your modules, but instead loaded with <script src="/assets/modules/WebSdk/index.js"> in your index.html. You may need to declare the WebSdk as a "global/external" library in your webpack/rollup/etc config.

I did and it works well without warnings. I did't need to declare the WebSdk as a "global/external" library (will be any expected errors later?) .

try to add the import './assets/modules/WebSdk in your top-level index.ts only. Your code does not really need any types from WebSdk

I didn't try. I think it is not needed.

a-bronx · 2021-05-03T07:24:05Z

I did and it works well without warnings

Was the issue resolved in the end? To clarify: did you fix it just by loading WebSdk into a page via <script>? Or by fixing the bundling in some other way?

(will be any expected errors later?).

It depends on the WebSdk itself, I cannot say for sure as I'm not a maintainer of WebSdk and never did such tests. If you have two copies of the lib, then in the best case a second copy just redefines the same globals (or bails if they are already defined), and only one of them will be used; the only downside will be an increased JS load size. In worst case different parts of your code may start using different instances of it, which may cause unexpected and hard to detect issues. To be on a safe side, I'd recommend to check bundles to ensure they do not contain WebSdk code.

Abdullah0991 · 2021-05-03T19:14:16Z

Was the issue resolved in the end? To clarify: did you fix it just by loading WebSdk into a page via <script>?

Yes.

Abdullah0991 · 2021-05-08T20:44:28Z

Thank you for the response,

My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

Sorry for asking here, but how can I download the .NET SDK? I google it but can't find anything?

a-bronx · 2021-05-08T21:19:14Z

https://dotnet.microsoft.com/download

Abdullah0991 · 2021-05-09T11:10:29Z

https://dotnet.microsoft.com/download

Sorry for my ambiguous question, I was asking for PersonaDigital SDK for .Net environment!

a-bronx · 2021-05-10T04:39:24Z

The DigitalPersona .NET SDK is a part of the DigitalPersona Native API, which is installed automatically with one of DigitalPersona client products:

DigitalPersona AD Workstation or LDS Workstation
DigitalPersona AD Kiosk or LDS Kiosk

The DigitalPersona SDK can also be purchased separately. Please inquire HID customer service team.

mjturizom · 2022-06-24T20:39:45Z

Thank you for the response,

My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

Hello Armando, have you an example of this implementation?
I have tried to make the comparison but I have not found a way, what type of information do you send to the .net service?

lucindom · 2022-07-08T14:16:14Z

we made a DLL to be able to use the .NET library, and from there we make the comparison. Then we call the DLL with electron-edge-js. For support write me, [email protected]

ImWichop · 2023-03-17T19:20:32Z

Thank you for the response,

My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

Do you have a documentation or something like that? I want to do the same, but I do not know anything about .NET

okothhillary · 2023-03-18T10:02:44Z

Hello. What would you love me to do?

…

On Fri, 17 Mar 2023 at 22:20, Luis Carrillo ***@***.***> wrote: Thank you for the response, My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful Do you have a documentation or something like that? I want to do the same, but I do not know anything about .NET — Reply to this email directly, view it on GitHub <#9 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AWHXF5AHBBCOV2DDVAB4BDDW4S2Q3ANCNFSM4UH7ZFYA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

radhe65gupta · 2023-08-29T19:38:33Z

Thank you for the response,
My solution was to do only the user sample capturing with the @digitalpersona/devices, and for the enrollment and authentication I made my solution in .NET with the SDK, receiving the input and outputting if the verification was successful

Do you have a documentation or something like that? I want to do the same, but I do not know anything about .NET

Hey can you achieve this?

armandoatpulpomatic · 2023-08-30T00:27:30Z

Hello Guys, sorry for the late response
The solution was done in .NET with the SDK who provides digitalpersona, this SDK must be paid and it has its own documentation, the code snippet can't share here

lucindom · 2023-09-29T20:55:59Z

https://github.com/hidglobal/digitalpersona-devices, https://github.com/ivanmiranda/digitalpersona, https://github.com/hidglobal/digitalpersona-sample-angularjs

sumanavya · 2024-12-09T09:46:28Z

Sorry for my late response,

Great!, thanks for the support

the better solution was this (Angular 9) if anyone needs

Install npm install @digitalpersona/devices

Copy these files into my src/app/core/modules folder

Add modues folder into my typeRoots
"typeRoots": [
    "node_modules/@types",
    "src/app/core/modules"
 ],
Switch my ecma script target in my tsconfig.json to "target": "es6",

Add these scripts to my angular.json folder
"scripts": [
      "src/app/core/modules/WebSdk/index.js"
 ],
Commented out the import 'WebSdk' from the file node_modules/@digitalpersona/devices/dist/es6/devices/websdk/channel.js (this is some kinda bug or something?)

Then in my app.component.ts I add this and works
this.reader.enumerateDevices().then(console.log);

Now I have another problem, I need to do the enrollment and the authentications with the sample users

Which requirements do I need to do this?

In your official documentation you have this method
private onSamplesAcquired = (event: SamplesAcquired) =>
    {
        try {
            const samples = event.samples;
            const api = new FingerprintsAuth( <service endpoint URL> );
            const token = await (
                this.identity ? 
                    api.authenticate(this.identity, samples):
                    api.identify(samples));
            );
            this.notifyOnToken(token);
        }
        catch (error) {
            this.handleError(error);
        }
    }
But what means this? <service endpoint URL> this has to be some integration with your services or something?

My requirement its compare to fingerprints to authenticate the user, that's my general purpose

Thanks

I have followed the same steps in my angular8 project.

1,I have installed the digitalpersona client.
2.Followed the same steps you have mentioned .
3. this.reader.enumerateDevices().then(console.log); does not returning anything

In console log i am getting zoneawarepromise ,device i am not getting

Please help me here ,may i know why im not able to get device list

ArmandoPerdomo changed the title ~~Hello, can you please guys share the implementation in the angular way?~~ Can you please guys share the implementation in the angular way? Nov 30, 2020

a-bronx closed this as completed Jan 17, 2021

a-bronx added the FAQ label Jan 17, 2021

a-bronx pinned this issue Jan 17, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Can you please guys share the implementation in the angular way? #9

Can you please guys share the implementation in the angular way? #9

ArmandoPerdomo commented Nov 30, 2020

ArmandoPerdomo commented Nov 30, 2020

a-bronx commented Dec 1, 2020

ArmandoPerdomo commented Dec 1, 2020 •

edited

Loading

ArmandoPerdomo commented Dec 1, 2020

a-bronx commented Dec 1, 2020

ArmandoPerdomo commented Dec 15, 2020 •

edited

Loading

a-bronx commented Dec 15, 2020

ArmandoPerdomo commented Jan 27, 2021

ghost commented Jan 28, 2021

a-bronx commented Jan 28, 2021

d-mance commented Mar 5, 2021

Abdullah0991 commented Apr 18, 2021

a-bronx commented Apr 19, 2021 •

edited

Loading

Abdullah0991 commented Apr 29, 2021

a-bronx commented Apr 29, 2021

Abdullah0991 commented May 1, 2021

a-bronx commented May 3, 2021

Abdullah0991 commented May 3, 2021

Abdullah0991 commented May 8, 2021

a-bronx commented May 8, 2021

Abdullah0991 commented May 9, 2021

a-bronx commented May 10, 2021

mjturizom commented Jun 24, 2022

lucindom commented Jul 8, 2022 •

edited

Loading

ImWichop commented Mar 17, 2023

okothhillary commented Mar 18, 2023 via email

radhe65gupta commented Aug 29, 2023

armandoatpulpomatic commented Aug 30, 2023

lucindom commented Sep 29, 2023

sumanavya commented Dec 9, 2024

Can you please guys share the implementation in the angular way? #9

Can you please guys share the implementation in the angular way? #9

Comments

ArmandoPerdomo commented Nov 30, 2020

ArmandoPerdomo commented Nov 30, 2020

a-bronx commented Dec 1, 2020

ArmandoPerdomo commented Dec 1, 2020 • edited Loading

ArmandoPerdomo commented Dec 1, 2020

a-bronx commented Dec 1, 2020

ArmandoPerdomo commented Dec 15, 2020 • edited Loading

a-bronx commented Dec 15, 2020

ArmandoPerdomo commented Jan 27, 2021

ghost commented Jan 28, 2021

a-bronx commented Jan 28, 2021

d-mance commented Mar 5, 2021

Abdullah0991 commented Apr 18, 2021

a-bronx commented Apr 19, 2021 • edited Loading

Abdullah0991 commented Apr 29, 2021

a-bronx commented Apr 29, 2021

Abdullah0991 commented May 1, 2021

a-bronx commented May 3, 2021

Abdullah0991 commented May 3, 2021

Abdullah0991 commented May 8, 2021

a-bronx commented May 8, 2021

Abdullah0991 commented May 9, 2021

a-bronx commented May 10, 2021

mjturizom commented Jun 24, 2022

lucindom commented Jul 8, 2022 • edited Loading

ImWichop commented Mar 17, 2023

okothhillary commented Mar 18, 2023 via email

radhe65gupta commented Aug 29, 2023

armandoatpulpomatic commented Aug 30, 2023

lucindom commented Sep 29, 2023

sumanavya commented Dec 9, 2024

ArmandoPerdomo commented Dec 1, 2020 •

edited

Loading

ArmandoPerdomo commented Dec 15, 2020 •

edited

Loading

a-bronx commented Apr 19, 2021 •

edited

Loading

lucindom commented Jul 8, 2022 •

edited

Loading