Frontend

Overview:

We have developed the 0account library based on Web Components standards, ensuring excellent compatibility across various platforms. This library offers a wide range of customization options to suit your needs. Additionally, we have implemented an event-based system that allows seamless manipulation of the user interface within the library.

Install the library SDK:

npm

npm install @oila/0account

Browser (CDN)

<script type="module" src="https://cdn.jsdelivr.net/npm/@oila/[email protected]/dist/zero-account/zero-account.esm.js"></script>

Import in the library SDK:

Web component

<zero-account app-id="{YOUR_APP_ID}" theme-preset='dark' />

Angular

Coming soon, please use web component as for now
<zero-account app-id="{YOUR_APP_ID}" theme-preset='dark' />

tip

For a complete list of customization options, please visit the customizations page.

Handle authentication

To complete the authentication process, you need to listen for the "0account-authenticated" event.

document.addEventListener("0account-authenticated", (event) => {
  // data contains any data you have returned from the backend
  const data = event.detail;
  // your business logic here. This is a good place to redirect the user.
});

If you want to handle remote logout from 0account app, handle the "0account-logout" event.

document.addEventListener("0account-logout", (_) => {
  // implement your logout logic here.
});

To set up your backend, please follow the steps outlined in the next section.