@softcol/biometrics

v2.1.7

Published

2 months ago

Collection of utility methods for eLogic Biometrics

Downloads

0High
0Medium
0Low

bryan.guzman

david.tafur

Biometrics Liveness Authentication

Instalación

Existe un par de opciones para importar o incluir la librería de eLogic Biometrics en su proyecto:

Mediante npm

Puede incluir eLogic Biometrics en su proyecto usando npm:

npm install --save @softcol/biometrics

Mediante CDN

Si no desea incluir los archivos de eLogic Biometrics en su proyecto, puede importar la librería usando CDN:

<script src="https://ebiometricstest.software-colombia.com/static/public/js/biometrics.js"></script>

Uso

eLogic Biometrics proporciona la función startLivenessFlow que inicializa y renderiza el flujo de verificación biométrica para un usuario esepecífico dentro de un elemento HTML en su proyecto.

Para empezar, agregue un elemento HTML acompañado de un identificador en su proyecto:

<div id="ebm" class="wrapper"></div>

Adicionalmente, debe agregar los estilos necesarios para ajustar el tamaño deseado del flujo de verificación:

<style>
  .wrapper {
    width: 400px;
    height: 400px;
  }
</style>

Ahora, debe importar la función startLivenessFlow desde la librería de eLogic Biometrics en su proyecto:

import { startLivenessFlow } from '@softcol/biometrics';

Finalmente, debe inicializar eLogic Biometrics en su proyecto para renderizar el flujo de verificación biométrica:

startLivenessFlow({
  environment: 'dev',
  target: 'ebm',
  account: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
  encryptedParams: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
  onError: (err) => console.log(err),
  onSuccess: (data) => console.log(data)
});

La función startLivenessFlow recibe los siguientes parámetros de entrada:

account

El parámetro account corresponde al identificador único de su cuenta que le será sumistrado por Software Colombia al momento de adquirir el servicio. Este identificador es un UUID versión 4, por ejemplo:

943a9d71-77b0-4a9c-857d-06007917e12e

encryptedParams

El parámetro encryptedParams se debe construir como se especifíca a continuación:

Concatenar los parámetros del usuario especificados en la Tabla parámetros de consulta utilizando un pipe "|" como separador:
```
P-01|P-02|P-03|P-04|P-05|P-06
```

Cifrar la cadena de texto construida en el paso 1 utilizando la llave pública de la cuenta mediante el algoritmo de cifrado RSA-2048 (RSA/ECB/PKCS1Padding). La llave pública al igual que el identificador único de su cuenta le será sumistrada por Software Colombia al momento de adquirir el servicio. Por ejemplo:

Codificar en Hexadecimal el cripto obtenido en el paso 2. Por ejemplo, suponga que se necesita cifrar los siguientes parámetros de usuario concatenados de acuerdo al paso 1:

Juan David|Trujillo Rodríguez|CC|123456789|2020-01-10|2022-06-22 14:05:30

Al aplicar el algoritmo de cifrado RSA-2048 (RSA/ECB/PKCS1Padding) y posteriormente codificar en Hexadecimal el cripto resultante, obtendrá el siguiente parámetro encryptedParams:

372fc948c7d6c1c8dc91ed22ae254e994df53076c53917815389afb342c734bc3ce369b1b8164e21e029cd54a04cc0224e3c70678ba994679127cf4d7cd230e80865628d04af099848bf249188bbae2be1fccc3553418df3b91158e058ab790d2b92c53829d0fc0dbca9154618d5181531a4d827f61fa7a4d21b5df991f72e90a861b2487401cb2dd0b0ae9d240d97a938e046bcfb23796cb5f2ec24a1db888d425e7d43bb99b2866512f32eb504400bb41652474f8e13647706c9c1aae0aa3f32eca59d70aebe96777fce7d4c123ca4ede3c0acd7fcbdb53871c70b8c2cfce80566fa9bf517844b148bbc09711d492191fc29a8505f5902fe57a18de289a840

Tabla parámetros de consulta

| ID | Nombre | Tipo | ¿Requerido? | Descripción | | :--- | :------------------ | :----- | :---------: | :--------------------------------------------------------------------------------------------------------------------------------- | | P-01 | Nombres | string | ✔️ | Nombres de la persona a la cual se le va a realizar la verificación biométrica | | P-02 | Apellidos | string | ✔️ | Apellidos de la persona a la cual se le va a realizar la verificación biométrica | | P-03 | Tipo documento | string | ✔️ | Tipo de identificación de la persona a la cual se le va a realizar la verificación biométrica. Ver tabla tipos de identificación | | P-04 | Número documento | number | ✔️ | Número de documento de la persona a la cual se le va a realizar la verificación biométrica | | P-05 | Fecha expedición | string | ✔️ | Fecha de expedición del documento en formato YYYY-MM-DD. Por ejemplo 2020-01-10 | | P-06 | Fecha y hora actual | string | ✔️ | Fecha y hora actual en formato YYYY-MM-DD HH:mm:ss. Por ejemplo 2022-06-22 14:05:30 |

Tabla tipos de identificación

environment

El parámetro environment corresponde al ambiente en donde se ejecutará el flujo de verificación de eLogic Biometrics. Se debe especificar "dev" para utilizar el ambiente de pruebas o "prod" para utilizar el ambiente de producción. En caso de no especificar un ambiente, se utlizará el ambiente de pruebas por defecto.

onError

El parámetro onError es una función de callback que se invocará en caso de presentarse un error durante el flujo de verificación de eLogic Biometrics. Esta función debe construirse de forma que reciba únicamente un parámetro con la siguiente estructura:

{
  "code": string;
  "message": string;
}

El atributo code identifica al error de acuerdo a la siguiente tabla:
| Código | Descripción | | :-------------- | :------------------------------------------------------------------------------------------------------ | | ArgumentsError | Se produce cuando no son enviados todos los parámetros requeridos de la función startLivenessFlow | | ConnectionError | Se produce cuando la conexión al servidor de eLogic Biometrics no fue exitosa | | ValidationError | Se produce cuando el flujo de verificación biométrica no fue satisfactorio |
El atributo message contiene la descripción detallada del error.

onSuccess

El parámetro onSuccess es una función de callback que se invocará una vez se haya finalizado el flujo de verificación de eLogic Biometrics. Esta función debe construirse de forma que reciba únicamente un parámetro con la siguiente estructura:

{
  "faceResult": object;
  "textExtractResult": object;
  "livenessResult": object;
  "comparisonResult": object;
}

El atributo faceResult hace referencia a los parámetros obtenidos del reconocimiento facial. Por ejemplo:

{
  "faceResult": {
    "AgeRange": {
      "High": 33,
      "Low": 23
    },
    "Beard": {
      "Confidence": 51.781009674072266,
      "Value": false
    },
    "Confidence": 99.99949645996094,
    "Emotions": [{
      "Confidence": 96.53080749511719,
      "Type": "CALM"
    }, {
      "Confidence": 6.330127239227295,
      "Type": "SURPRISED"
    }, {
      "Confidence": 5.917669296264648,
      "Type": "FEAR"
    }, {
      "Confidence": 2.780987024307251,
      "Type": "SAD"
    }, {
      "Confidence": 0.9434117078781128,
      "Type": "CONFUSED"
    }, {
      "Confidence": 0.19485926628112793,
      "Type": "ANGRY"
    }, {
      "Confidence": 0.1169237568974495,
      "Type": "DISGUSTED"
    }, {
      "Confidence": 0.08706989884376526,
      "Type": "HAPPY"
    }],
    "Eyeglasses": {
      "Confidence": 97.50051879882812,
      "Value": false
    },
    "EyesOpen": {
      "Confidence": 89.7717056274414,
      "Value": true
    },
    "Gender": {
      "Confidence": 99.78165435791016,
      "Value": "Male"
    },
    "MouthOpen": {
      "Confidence": 94.80120849609375,
      "Value": false
    },
    "Mustache": {
      "Confidence": 96.97959899902344,
      "Value": false
    },
    "Quality": {
      "Brightness": 84.45437622070312,
      "Sharpness": 78.64350128173828
    },
    "Smile": {
      "Confidence": 94.97449493408203,
      "Value": false
    },
    "Sunglasses": {
      "Confidence": 99.99662017822266,
      "Value": false
    }
  }
}

El atributo textExtractResult hace referencia a los datos estructurados obtenidos mediante la extracción de información del documento de identidad por ambos costados. Por ejemplo:

{
  "textExtractResult": {
    "name": "JUAN DAVID",
    "lastName": "TRUJILLO RODRÍGUEZ",
    "documentNumber": "123456789",
    "expeditionDate": "2020-01-10",
    "expeditionPlace": " BOGOTA D.C.",
    "birthDate": "2002-11-18",
    "birthPlace": " BOGOTA D.C (CUNDINAMARCA)",
    "sex": "M",  
    "height": "1.71",
  }
}

El atributo livenessResult hace referencia a la información obtenida de la verificación de vida de la persona verificada. Por ejemplo:
```
{
  "livenessResult": {
    "isLive": true,
    "confidenceScore": 96.389745,
    "auditImagesBytes": "/9j/4d..",
  }
}
```

El atributo comparisonResult hace referencia a los parámetros obtenidos de la comparación de rostros entre el documento de identidad y la imágen obtenida en vivo. Pro ejemplo:

{
  "comparisonResult": {
    "similarity": 33.518364,
    "face": {
      "confidence": 89.38466,
      "quality": {
        "brightness": 89.364365,
        "sharpness": 32.208035
      }
    }
  }
}

Ejemplos

React

JS

import { useEffect } from 'react';
import { startLivenessFlow } from '@softcol/biometrics';

const App = () => {
  useEffect(() => {
    startLivenessFlow({
      environment: 'dev',
      target: 'ebm',
      account: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
      encryptedParams: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
      onError: (err) => console.log(err.code, err.message),
      onSuccess: (data) => console.log(data.faceResult, data.textExtractResult, data.livenessResult, data.comparisonResult)
    });
  }, []);

  return (
    <>
      <div id="ebm" style={{ width: 400, height: 400 }}></div>
    </>
  );
};

export default App;

Angular

TS

import { Component, OnInit } from '@angular/core';
import { startLivenessFlow } from '@softcol/biometrics';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {
    startLivenessFlow({
      environment: 'dev',
      target: 'ebm',
      account: 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
      encryptedParams: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
      onError: (err) => console.log(err.code, err.message),
      onSuccess: (data) => console.log(data.faceResult, data.textExtractResult, data.livenessResult, data.comparisonResult)
    });
  }
}

HTML

<div id="ebm" style="width: 400px; height: 400px"></div>

Esto renderizará el siguiente componente: