Stacked Hybrid SSO Azure Cloud React.js SPA Python FastAPI Entra ID (OIDC)

1-Click Cognizant SSO + Credentials Fallback — End-to-End Cloud Flow Simulation

STEP 1 / 4 React.js Login View Mounted — Ready for 1-Click OIDC Redirect or Local Credentials POST
→ → →
R
React.js SPA (Azure)
Waiting for user action
Py
Python FastAPI Backend
/api/v1/auth/* idle
ID
Cognizant Entra ID
OIDC + PKCE / SAML
KV
Azure Key Vault + DB
JWKS + RBAC Store
ANTHROPIC · OPENAI · GOOGLE

AI Transformation

Assess the current state · Apply the framework · Build the roadmap

SEG FCU Transformation

Sign in securely with Cognizant ID
Microsoft Entra ID (OIDC + PKCE) Corporate SSO Ready
or use Cognizant ID credentials
passes login_hint if SSO clicked
Service / Fallback Auth

INTERNAL · SEG FRONTIER CAPABILITY UNITS

Live Azure Cloud Integration Inspector (React.js ↔ Python FastAPI ↔ Cognizant Entra ID)
GET /api/v1/auth/config (200 OK)
1. React.js SPA (Azure Static Web App / App Service) Frontend Layer
// Stacked Hybrid Login State
// Top CTA: 1-Click OIDC via Python Backend
const handleCognizantSSO = () => {
  const hint = emailInput.trim();
  const url = new URL('/api/v1/auth/sso/login', API_BASE);
  if (hint) url.searchParams.set('login_hint', hint);
  window.location.assign(url.toString());
};
2. Python FastAPI + Azure Entra ID Backend & IdP Layer
# Azure App Service Env Configuration
AZURE_TENANT_ID = "cognizant-tenant-guid"
AZURE_CLIENT_ID = "seg-fcu-portal-client-id"
OIDC_AUTHORITY  = f"https://login.microsoftonline.com/{AZURE_TENANT_ID}"
# Supports both:
# 1) GET  /api/v1/auth/sso/login     (1-Click OIDC + PKCE)
# 2) POST /api/v1/auth/local/login   (Credentials Fallback)