Verus Connect

Backend — server.js

const express = require('express');
const { verusAuth } = require('verus-connect/server');

const app = express();
app.use(express.static('public'));

// Mount the VerusID auth middleware
app.use('/verus', verusAuth({
  iAddress: process.env.SIGNING_IADDRESS,
  privateKey: process.env.PRIVATE_KEY,
  callbackUrl: 'https://yoursite.com/verus/verusidlogin',
  // Optional: hook called on successful login
  onLogin: (identity) => {
    console.log(`User logged in: ${identity.friendlyName}`);
    // Create JWT, session, save to DB, etc.
  }
}));

app.listen(3000);

Frontend — public/index.html

<!-- Add a login button and result container -->
<button id="loginBtn">Login with VerusID</button>
<div id="qrBox" style="display:none">
  <canvas id="qr"></canvas>
  <p id="status">Scan with Verus Mobile...</p>
</div>
<div id="welcome" style="display:none"></div>

<!-- QR library (4KB) -->
<script src="https://cdn.jsdelivr.net/npm/qrcode/build/qrcode.min.js"></script>

<script>
document.getElementById('loginBtn').onclick = async () => {
  // 1. Request a challenge from your sidecar
  const res = await fetch('/verus/login', { method: 'POST' });
  const { challengeId, deepLink } = await res.json();

  // 2. Show QR code
  document.getElementById('qrBox').style.display = 'block';
  await QRCode.toCanvas(document.getElementById('qr'), deepLink, { width: 250 });

  // 3. On mobile? Open the wallet directly
  if (/iPhone|Android/i.test(navigator.userAgent)) {
    window.location.href = deepLink;
  }

  // 4. Poll for result (every 3s, timeout 5min)
  const poll = setInterval(async () => {
    const r = await fetch(`/verus/result/${challengeId}`);
    const data = await r.json();
    if (data.status === 'verified') {
      clearInterval(poll);
      document.getElementById('qrBox').style.display = 'none';
      document.getElementById('welcome').style.display = 'block';
      document.getElementById('welcome').textContent =
        `Welcome, ${data.friendlyName}!`;
    }
  }, 3000);
};
</script>

Payment Button — add to any page

<!-- Accept payment for a product/service -->
<button onclick="pay()">Pay 5 VRSC</button>
<canvas id="payQr"></canvas>

<script>
async function pay() {
  const res = await fetch('/verus/pay-deeplink', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      address: 'REpxm9bCLMiHRNVPA9unPBWixie7uHFA5C',
      amount: 5
    })
  });
  const { deep_link } = await res.json();

  // Desktop: show QR. Mobile: open wallet.
  if (/iPhone|Android/i.test(navigator.userAgent)) {
    window.location.href = deep_link;
  } else {
    await QRCode.toCanvas(document.getElementById('payQr'), deep_link, { width: 250 });
  }
}
</script>