mlogclub
eac039bba4
- Introduced OIDC configuration options in config.example.yaml. - Added OIDC client initialization and routes for OIDC login, callback, and exchange. - Implemented OIDC login service to handle user authentication via OIDC. - Created frontend components for OIDC login and callback handling. - Updated user creation logic to support OIDC users and their identities. - Enhanced error handling for OIDC login processes.
64 lines
1.9 KiB
TypeScript
64 lines
1.9 KiB
TypeScript
"use client"
|
|
|
|
import { useRouter, useSearchParams } from "next/navigation"
|
|
import { Suspense, useEffect, useRef } from "react"
|
|
import { toast } from "sonner"
|
|
|
|
import { exchangeOIDCTicket } from "@/lib/api/auth"
|
|
|
|
export default function OIDCLoginCallbackPage() {
|
|
return (
|
|
<Suspense fallback={<OIDCLoginCallbackFallback />}>
|
|
<OIDCLoginCallbackContent />
|
|
</Suspense>
|
|
)
|
|
}
|
|
|
|
function OIDCLoginCallbackContent() {
|
|
const router = useRouter()
|
|
const searchParams = useSearchParams()
|
|
const ranRef = useRef(false)
|
|
|
|
useEffect(() => {
|
|
if (ranRef.current) {
|
|
return
|
|
}
|
|
ranRef.current = true
|
|
|
|
const ticket = searchParams.get("ticket")?.trim() ?? ""
|
|
const next = searchParams.get("next")
|
|
const nextPath = next && next.startsWith("/") ? next : "/dashboard"
|
|
|
|
if (!ticket) {
|
|
toast.error("OIDC 登录票据不存在")
|
|
router.replace("/dashboard/login")
|
|
return
|
|
}
|
|
|
|
void exchangeOIDCTicket(ticket)
|
|
.then(() => {
|
|
toast.success("登录成功，正在进入系统")
|
|
router.replace(nextPath)
|
|
})
|
|
.catch((error) => {
|
|
toast.error(error instanceof Error ? error.message : "OIDC 登录失败")
|
|
router.replace("/dashboard/login")
|
|
})
|
|
}, [router, searchParams])
|
|
|
|
return <OIDCLoginCallbackFallback />
|
|
}
|
|
|
|
function OIDCLoginCallbackFallback() {
|
|
return (
|
|
<div className="flex min-h-svh items-center justify-center bg-[linear-gradient(145deg,#fff7ed_0%,#ffffff_32%,#ecfeff_100%)] px-6">
|
|
<div className="w-full max-w-md rounded-[28px] border border-white/70 bg-white/90 p-8 text-center shadow-[0_24px_80px_rgba(15,23,42,0.08)] backdrop-blur">
|
|
<h1 className="text-2xl font-semibold tracking-tight">OIDC 登录中</h1>
|
|
<p className="mt-3 text-sm text-muted-foreground">
|
|
正在校验登录票据并进入系统，请稍候。
|
|
</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|