🔐 Vue3 OIDC Client
Static Single Page Application Demo
🔧 Configuration:
Issuer: {{ config.issuer }}
Client ID: {{ config.clientId }}
Scopes: {{ config.scopes }}
Issuer: {{ config.issuer }}
Client ID: {{ config.clientId }}
Scopes: {{ config.scopes }}
Processing authentication...
👤 User Information
Sub:
{{ userInfo.sub }}
Name:
{{ userInfo.name }}
Email:
{{ userInfo.email }}
Email Verified:
{{ userInfo.email_verified ? '✅ Yes' : '❌ No' }}
Picture:
![Profile]()
🔑 Tokens
Access Token:
{{ tokenExpired ? 'Expired' : 'Valid' }}
{{ tokens.access_token.substring(0, 60) }}...
Expires: {{ tokenExpiryTime }}
ID Token:
{{ tokens.id_token.substring(0, 60) }}...
Refresh Token:
{{ tokens.refresh_token.substring(0, 60) }}...