Example

Plain HTML login

Add U-net QR login to a page without React.

@union-networks/web-login

Scenario

A static landing page wants to let users sign in with a U-net scoped ID.

Steps

Create a login session.
Render a QR payload.
Poll until approved.
Send the assertion to your backend.

Code

htmlBrowser module

<script type="module">
  import {
    createLoginSession,
    pollLoginSession,
    renderLoginQrPayload
  } from 'https://esm.sh/@union-networks/web-login@alpha';

  const session = await createLoginSession({
    serviceId: 'example-shop',
    origin: location.origin
  });

  document.querySelector('#qr').textContent = renderLoginQrPayload(session);
  const result = await pollLoginSession(session.sessionId);
  console.log(result.status);
</script>