Secure Biometric Interface

A standalone vanillajs library component for interacting with SBI devices and auth capture Face, Finger & Iris detail.

Build

To build up the library

npm run build

To generate a package from it

npm pack

For publishing the package

npm publish

Local

In Html

Either you build the library or serve the libray

npm run build

or 

npm run start

After that you can serve the index.html file from the below folder

secure-biometric-interface-integrator
└─── example
     └─── html
          │─── index.html
          └─── mbd.js

How are we implement the library in vanilla javascript, checkout the mbd.js file (see above path), below you can see the snippet also.

SecureBiometricInterface.init({
  container: document.getElementById("secure-biometric-interface-integration"),
  sbiEnv: BIOMETRIC_ENV_OBJECT,
  buttonLabel: BUTTON_LABEL,
  disable: DISABLE_OR_NOT,
  transactionId: TRANSACTION_ID,
  onCapture: SUCCESS_CALLBACK_METHOD,
  onErrored: ERROR_CALLBACK_METHOD
})

In React

For running our library in react, first of all build the secure-biometric-interface-integrator library and bundle up as a pakcage

npm run package

After that you can go to our react example of the project, install the node_modules and run as a react app

secure-biometric-interface-integrator
└─── example
     └─── react
          │─── public
          │─── src
          |    │─── App.js
          |    └─── index.js
          └─── package.json

Code snippet of using secure-biometric-interface-integrator library in react is given below ( you can also find it in App.js file of src folder)

// import the library first
import { init } from "secure-biometric-interface-integrator";

// call the library method
init({
    container: document.getElementById("secure-biometric-interface-integration"),
    sbiEnv: BIOMETRIC_ENV_OBJECT,
    buttonLabel: BUTTON_LABEL,
    disable: DISABLE_OR_NOT,
    transactionId: TRANSACTION_ID,
    onCapture: SUCCESS_CALLBACK_METHOD,
    onErrored: ERROR_CALLBACK_METHOD
});

Props

Common props you may want to specify include:

Prop sbiEnv

For more information check MDS Specification

License

• axios - is a promised-based HTTP client for JavaScript licensed under MIT
• i18next - is an internationalization framework for browser or any other javascript environment licensed under MIT
• jose - a JavaScript module for JSON Object Signing and Encryption, providing support for JSON Web Tokens (JWT), JSON Web Signature (JWS), JSON Web Encryption (JWE), JSON Web Key (JWK), JSON Web Key Set (JWKS), licensed under MIT
• rollup - is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application, licensed under MIT
• rollup-plugin-postcss - used for seamless integration between rollup & postcss , licensed under MIT
• @rollup/plugin-commonjs - a Rollup plugin to convert CommonJS modules to ES6, so they can be included in a Rollup bundle, licensed under MIT
• @rollup/plugin-image - A Rollup plugin which imports JPG, PNG, GIF, SVG, and WebP files, licensed under MIT
• @rollup/plugin-json - A Rollup plugin which Converts .json files to ES6 modules, licensed under MIT
• @rollup/plugin-node-resolve - a Rollup plugin which locates modules using the Node resolution algorithm, for using third party modules in node_modules, licensed under MIT
• @rollup/plugin-terser - a Rollup plugin to compress the output code, licensed under MIT