HTML + JS

This document explains how to integrate the Reuthentication flow from your web application

This document explains how to integrate the Reauthentication from your web application through our Javascript component to authorize your users. This stage should be either at the login page of your application or wherever you want to verify, that this is still the person who originally verified his or her identity to you. This is useful for example if users start a job, approve high transactions or simply login to your app.

This guide assumes that you have previously integrated the Verification flow and users are tracked correctly as explained in the client integration section.

Render the Component in Your Login Page

Place the HTML element where you want Reauthentication component to render inside your webpage:

<div id="passbase-button-login"></div>

Render the component by specifying the integrationType as "login" in the additional options as explained below. All the customization options explained in the client section are supported as well. This means you can pass attributes for customizing the font, or accent color into the button.

<script type="text/javascript">
Passbase.renderButton(element, apiKey, {
integrationType: "login"
)
</script>

Authorize Your Users

Upon completion of the Reauthentication you will receive a webhook with the result of the login attempt.

{
"event": "VERIFICATION_REVIEWED",
"key": "b76e244e-26a3-49ef-9c72-3e599bf0b5f2",
"status": "approved",
"created": 1582628711,
"updated": 1582628999,
"processed": 1582628999,
}

Make sure you are only allowing webhooks from Passbase as they can be forged!

Wrap-Up and Example

A full example of how an integration of the reauthentication button could look like is below:

<html>
<head>
<script src="https://app.passbase.com/button.js"></script>
</head>
<body>
<div id="passbase-button-login"></div>
<script type="text/javascript">
const element = document.getElementById("passbase-button-login")
const apiKey = "YOUR_PUBLISHABLE_API_KEY"
Passbase.renderButton(element, apiKey, {
onFinish: (identityAccessKey) => {},
onError: (errorCode) => {},
onStart: () => {},
integrationType: "login"
})
</script>
</body>
</html>

You have successfully completed the Passbase Javascript Reauthentication Integration! 🎉