Get Started

The Sybrin Identity Web SDK can be used to run data extraction on identity documents. Implementing the web SDK is as easy as dropping and referencing the relevant files into your project, then simply using the JavaScript API or the web components supplied by the SDK. In this section we will focus on how to get the Sybrin Identity Web SDK into your project.

Before you begin

Please ensure that you have acquired an API key and endpoints from Sybrin.

Web UI

Please ensure that you have the following essential files:

  • Choose between using:

    • Only sybrin.identity.all.js, or

    • sybrin.identity.js alongside with sybrin.common.js

  • All files and folders under assets/samples

The following are optional files:

  • index.css

  • index.html

  • index.js

If you are using Typescript, you may make use of the typings found under the src folder.

Middleware Service

The Identity web SDK supports the usage of a middleware service. The SDK includes a pre-built companion service, but may also be configured to connect to a custom service if you wish to implement your own.

If you wish to make use of the pre-built companion service, please ensure that you have the following essential files:

  • All middleware DLLs

  • appsettings.release.json

  • log4net.config


You must have a DotNet-5-ready hosting environment of your choosing (such as IIS or Azure).

Please ensure that you have all backend API files as listed above.

Deploy the files as a new web application on the hosting environment.

Set configuration options in the appsettings file as desired.

Follow steps required to enable the web application for hosting as per the environment of your choosing.

Choosing your library reference approach

When it comes to referencing the main library, the web SDK provides two approaches:

  • Only sybrin.identity.all.js, or

  • sybrin.identity.js alongside with sybrin.common.js

If your solution only uses the Sybrin Identity web SDK with no other Sybrin web SDK's alongside it, it is recommended that you use the singular file containing all required functionality, sybrin.identity.all.js.

Alternatively, if your solution uses other Sybrin web SDKs with Identity, you may use the second approach to trim fat and reduce the overall page size. You are only required to include one instance of sybrin.common.js (either from this SDK or from any of the other SDKs that provide the sybrin.common.js file), alongside sybrin.identity.js to be able to take full advantage of the Identity features that the SDK offers.

Project structure

The Sybrin Identity Web SDK is configurable and does not require a specific project structure. You may drop the required files into the root of the project as provided or you can change the folder structure and file locations.

Referencing the web SDK

To load the web SDK and its modules, simply add the relevant script tags with references to the JavaScript files of your choosing to the HTML file of your project:

<script src="sybrin.identity.all.js"></script>


<script src="sybrin.common.js"></script>
<script src="sybrin.identity.js"></script>

The above examples assume library files are located at the root of your project. These can be added to the <head> tag or the <body> tag according to preference.


You are now ready and all set up to use the Sybrin Identity Web SDK! Check out all the Identity Features

Last updated