Skip to main content

​
Step 1: Add SDK Dependency

Add the OTPLESS SECURE SDK to your project by including the following script in the <head> section of your HTML document:
index.html
<script
  id="otpless-secure-sdk"
  src="https://otpless.com/v3/secure.js"
  data-appid="YOUR_APP_ID"
></script>
Replace YOUR_APP_ID with your actual App ID provided in your OTPLESS dashboard.

​
Step 2: Initialize SDK and Handle Callback

Initialize the SDK and set up a callback function to handle fingerprinting:
index.html
<script>
  const callback = (callbackEvent) => {

    console.log({callbackEvent});

    // Implement your custom logic here.
  };
  // Initialize OTPLESS SECURE SDK with the defined callback.
  const OTPlessSecure = new OTPless(callback);
</script>

​
Step 3: Initiate SDK

Use the initiate method of the SDK to start the fingerprinting process: 
const secureAuth = () => {
  OTPlessSecure.initiate();
};

​
🏁 Checkpoint

To ensure a smooth integration process:
  1. Deploy your app/website with the included OTPLESS SECURE SDK.
  2. Conduct tests to verify the fingerprinting flow functions correctly.

​
User Information Response Structure

The structure of the response returned upon successful fingerprinting as follows: 
{
  "token": "unique_token_here",
}

​
Next Steps

Validate ID Token

Learn how to securely `validate ID token` returned by OTPLESS javascript SDK to ensure the fingerprinting events from your backend server.

Validate Token (Opaque)

Learn how to securely `validate token` returned by OTPLESS javascript SDK to ensure the fingerprinting events from your backend server.