Comment on page

Integration and Usage

ONT Login web component UI SDK for JavaScript

Before getting started, please make sure to:
implement the API as specified 
check web component compatibility here​
​Please check out the front-end JavaScript SDK is you want to build a custom UI.
Example Apps
​vue​
​pure HTML​
Integration and Usage
via NPM package​
npm i ontlogin-ui
import "ontlogin-ui";
<ont-login
  url_of_get_challenge="server/requestChallenge"
  url_of_submit_response="server/submitChallenge"
/>
via js bundle​
<ont-login
  id="ontlogin"
  url_of_get_challenge="server/requestChallenge"
  url_of_submit_response="server/submitChallenge"
/>
<script src="ontloginui.min.js"></script>
<script>
  // add event listener to custom event
  const target = document.querySelector("#ontlogin");
  target.addEventListener("success", (e) => {
    console.log(e.detail);
  });
  target.addEventListener("error", (e) => {
    console.log(e.detail);
  });
  target.addEventListener("cancel", (e) => {
    console.log(e.detail);
  });
</script>

Last modified 2yr ago