Ondato’s OnAge solution allow your customers to complete the process from anywhere, with any device, in a matter of seconds. With this method, Ondato employs AI and machine learning to gather and analyse biometric data, which is then used to create a 3D map of the customer’s face and accurately place them in an age group without gathering or storing any personal data. With a quick selfie, we are able to perform liveness checks, preventing any spoofing attempts or masks from getting through while keeping the steps easy for your clients.
đ Table of Contents
âšī¸ Introduction
The current flow only allows using the Web Browser SDK by installing it through npm (link to npm guide) or using it as a script (link to script guide).
Example npm (link to npm guide)
Example script (link to script guide)
đĸ Latest version
The most recent version is v2.0.0.
See the Changelog for additional details.
đĨ Compatibility
đĸ Supported: Only web browsers (Chrome, Firefox, Safari, Edge etc.).
đ´ Not supported: Native application languages like React-Native, Flutter etc.
đ Getting started with npm
To begin, run the following command:
npm install @Ondato-public/idv-sdk
âī¸ Prerequisites:
Adjusted .npmrc file with custom registry.
@ondato-public:registry=https://pkgs.dev.azure.com/Ondato/PublicNPM/_packaging/ondato-public-npm/npm/registry/
Obtain the static OnAge setup id.
Please reach out to [support@ondato.com] for assistance.
Verify the Web browser version limitations.
Refer to the documentation here.
Review npm examples for a better understanding.
đ Typescript:
Full TypeScript support is available. (Link to typescript files)
đ Getting started with javascript Script
To begin, run the following command:
<script src="{baseUrl}/index.2.x.x.min.js"></script>
âī¸ Prerequisites:
Download the script file.
Ensure the script is configured with the correct OnAge library build file in the index.html.
Obtain the static OnAge setup id.
Please reach out to [support@ondato.com] for assistance.
Verify the Web browser version limitations.
Refer to the documentation here.
đ Flows explained
To illustrate how to implement flows, consider the following code snippet:
import { load } from '@Ondato-public/idv-sdk'; const exampleSdk = load({ mode: SdkMode.Sandbox });
1ī¸âŖ load()
Purpose: To invoke the initial Web SDK instance.
Return: On success, it provides the
onAge.begin()
andonAge.end()
methods.Accepted property: The
mode
interface (used for setting the environment).
2ī¸âŖ exampleSdk.onAge.customiseStyleonload()
Purpose: This function enables customization of certain CSS styles within the SDK.
Accepted property:
({ background: { opacity: 0, blur: '0' } })
3ī¸âŖ exampleSdk.onAge.begin()
Purpose: Creates OnAge session.
Accepted property: onAgeSetupId, language, onSuccess, onFailure, onClose
4ī¸âŖ exampleSdk.onAge.end()
Purpose: Closes SDK application without error. Cleans up all sdk tasks and application.
Accepted property:
None
5ī¸âŖ Data flow
đ Startup
đ New Visitor
âī¸ Returning Visitor
đī¸ Examples TO-DO
Npm zip file (Add file files)
Script zip file (Add file files)
â Frequently Asked Questions (FAQs)
Why should both the
begin()
andload()
methods be used within a try-catch block?Both methods should be utilized within a try-catch block to ensure proper error handling.
What happens to the session id during an F5 (page refresh)?
In the event of an F5 (page refresh), the same session id will be retained, allowing the same session to be loaded seamlessly.
Where can I find a list of available languages?
For a list of available languages, refer to the documentation here: https://ondato.atlassian.net/wiki/spaces/PUB/pages/2520809520/Localization#%F0%9F%97%A3%EF%B8%8F-Supported-languages
0 Comments