Diese Seite ist nur dafür da, den CloakAuth-Login, das Profil & Abos und den Wechsel von Basic- auf Token-Auth zu testen – ohne die echte App zu berühren.
Alle Inhalte auf dieser Seite sind zunächst sichtbar. Über den Button unten oder das Menü oben rechts kannst du den Login-/Profil-Dialog öffnen. Wenn du ein aktives Abo für dieses Produkt hast, erscheint zusätzlich der geheime Bereich.
Du bist eingeloggt und hast ein aktives Abo für dieses Produkt. Zeit, so zu tun, als würdest du hochseriöse Auswertungen fahren.
Hinweis: In der echten App stehen hier natürlich echte Filter. Versprochen.
Der Button macht in dieser Testseite absichtlich nichts. Wenn du das hier siehst, weißt du: Auth & Abo-Flow funktionieren. 🎉
Die Seite simuliert alle relevanten Auth-Szenarien, die TENDERA im Alltag sieht.
Nutzer sieht nur die öffentliche Seite. Der User-Chip oben rechts zeigt „Login / Registrieren“ und öffnet direkt das CloakAuth-Overlay.
Login funktioniert, aber der User hat keinen aktiven Plan. CloakAuth wechselt in Basic-Auth-Modus und öffnet direkt das Profil mit „Abos“-Tab.
Nach erfolgreicher Zahlung holt CloakAuth ein Produkt-Token und blendet den geschützten Bereich ein – ohne Reload, ohne erneuten Login.
So sieht der Weg von „nicht eingeloggt“ zu „Product JWT“ aus.
POST /api/auth/login?prod_uid=…GET /api/billing/billing-info/complete/billing/inline-subscribe.
POST /api/auth/token?productUid=…So sieht ein einfacher Login mit Basic Auth und Produktbindung aus.
// HTTP Basic: Authorization: Basic base64(email:password)
POST /api/auth/login?prod_uid=prod_2b84cdfb349c48e4ba865af6dce0387d
Accept: application/json
// mögliche Response (vereinfacht)
{
"isOnPlanForProduct": true,
"accessToken": "<jwt>",
"user": {
"email": "user@example.com",
"firstName": "Tendera",
"lastName": "Tester"
}
}isOnPlanForProduct === false, wechselt CloakAuth automatisch
in den Basic-Modus und öffnet den Profil-Dialog.
Wenn dieser Playground stabil läuft, ist dein Frontend schon fast bereit für die Produktion.