Demo Application

The code example can be downloaded by clicking the file link below

This is a code example that fully incorporates the Sybrin Identity Web SDK. To use the above example, please ensure the following:

  • You have an API key as provided by Sybrin

  • You have the backend API endpoints for authentication and data extraction as provided by Sybrin

Then follow these steps:

  1. Download the file linked above

  2. Extract the zip file contents

  3. Open index.js

  4. In index.js, replace 'your-api-key-here' with the API key provided by Sybrin

  5. In index.js, replace 'your-auth-endpoint-here' with your backend authorization API endpoint

  6. In index.js, replace 'your-data-extraction-endpoint-here' with your backend data extraction API endpoint

  7. Host the folder in any hostable environment, e.g. IIS

Please remember to supply your API key and endpoints to the configuration options in index.js.

For your convenience in formulating custom styling for all components, sybrin.identity.css is also provided as a base example below.

<!DOCTYPE html>
<html class="" lang="en" id="html">

        Sybrin Identity

    <base href="./" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <script src="sybrin.identity.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" href="index.css" media="screen" />

        <div class="branding">
            <img class="logo"
                src="" />
        <div class="branding">
            <span class="title">Sybrin Web SDK - Identity</span>
        <div class="actions">
            <button onclick="openScanPassport()">Scan Passport</button>
            <button onclick="uploadPassport()">Upload Passport</button>
    <div id="viewport">
        <div class="sybrin-demo-loading"> Please wait. Loading... </div>


Last updated