Secure

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:

Deploy your app/website with the included OTPLESS SECURE SDK.
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.

Headless Custom Headless Request

⌘I

Web SDKs

Native/Mobile SDKs

References

Step 1: Add SDK Dependency

Step 2: Initialize SDK and Handle Callback

Step 3: Initiate SDK

🏁 Checkpoint

User Information Response Structure

Next Steps

Validate ID Token

Validate Token (Opaque)

​Step 1: Add SDK Dependency

​Step 2: Initialize SDK and Handle Callback

​Step 3: Initiate SDK

​🏁 Checkpoint

​User Information Response Structure

​Next Steps

Validate ID Token

Validate Token (Opaque)

Step 1: Add SDK Dependency

Step 2: Initialize SDK and Handle Callback

Step 3: Initiate SDK

🏁 Checkpoint

User Information Response Structure

Next Steps