feat(ecommerce): login con Google para clientes
Implementa el flujo completo de OAuth social de Medusa para el storefront: boton "Continuar con Google" en account-dialog, ruta proxy que arranca el flujo (GET /api/customer/google/start) y pagina de callback en /auth/google/callback (coincide con GOOGLE_CALLBACK_URL del secret) que resuelve el code/state contra el backend, decodifica el JWT para distinguir cliente nuevo vs existente, crea el customer si hace falta y refresca el token a sesion final -- mismo patron de store/customer-store.ts que login/register por email. Flujo verificado en vivo contra el backend ya desplegado (GET /auth/customer/google, /auth/customer/google/callback con state invalido, /auth/token/refresh con bearer invalido) antes de escribir el codigo, no solo contra la documentacion.
This commit is contained in:
1 parent
da10a4b688
commit
77389aea19
7 files changed
+163
No files matched your search
@@ -87,6 +87,56 @@ export async function loginCustomer(email: string, password: string): Promise<Cu
|
||||
return getCurrentCustomer(data.token as string);
|
||||
}
|
||||
|
||||
// Flujo Google verificado en vivo (2026-08-29) contra el pod real, no
|
||||
// solo contra la doc: GET /auth/customer/google funciona igual que el
|
||||
// POST documentado (sin body, no hace falta callback_url -- ya viene de
|
||||
// GOOGLE_CALLBACK_URL en el modulo); la respuesta no trae Set-Cookie, o
|
||||
// sea que el "state" que Google reenvia en el callback es autocontenido
|
||||
// (firmado), no depende de sesion de servidor -- confirmado con un
|
||||
// callback con code/state inventados: 401 "No state provided, or
|
||||
// session expired" (mismo mensaje que con state ausente, no un error de
|
||||
// sesion real). auth/token/refresh confirmado que exige Bearer valido
|
||||
// (401 "Unauthorized" con uno invalido, no 404).
|
||||
function decodeJwtPayload(token: string): Record<string, unknown> {
|
||||
const payload = token.split(".")[1] ?? "";
|
||||
const base64 = payload.replace(/-/g, "+").replace(/_/g, "/");
|
||||
const json = Buffer.from(base64, "base64").toString("utf-8");
|
||||
return JSON.parse(json || "{}");
|
||||
}
|
||||
|
||||
export async function getGoogleAuthUrl(): Promise<string> {
|
||||
const data = await medusaAuthFetch("/auth/customer/google");
|
||||
return data.location as string;
|
||||
}
|
||||
|
||||
export async function handleGoogleCallback(code: string, state: string): Promise<CustomerSummary> {
|
||||
const query = new URLSearchParams({ code, state }).toString();
|
||||
const data = await medusaAuthFetch(`/auth/customer/google/callback?${query}`, { method: "POST" });
|
||||
const initialToken = data.token as string;
|
||||
const payload = decodeJwtPayload(initialToken);
|
||||
const actorId = payload.actor_id as string | undefined;
|
||||
|
||||
if (!actorId) {
|
||||
// Primer login con Google -- todavia no existe el customer real.
|
||||
const userMetadata = (payload.user_metadata as Record<string, unknown> | undefined) ?? {};
|
||||
const email = userMetadata.email as string;
|
||||
const firstName = (userMetadata.given_name as string) ?? (userMetadata.name as string) ?? email.split("@")[0];
|
||||
const lastName = (userMetadata.family_name as string) ?? "";
|
||||
await medusaAuthFetch("/store/customers", {
|
||||
method: "POST",
|
||||
token: initialToken,
|
||||
body: { email, first_name: firstName, last_name: lastName },
|
||||
});
|
||||
}
|
||||
|
||||
// El token del callback (o el de recien crear el customer) todavia no
|
||||
// sirve como sesion final -- hay que refrescarlo, tanto para usuarios
|
||||
// nuevos como para los que ya existian (confirmado contra la doc: los
|
||||
// dos casos convergen en el mismo paso de refresh).
|
||||
const refreshed = await medusaAuthFetch("/auth/token/refresh", { method: "POST", token: initialToken });
|
||||
return getCurrentCustomer(refreshed.token as string);
|
||||
}
|
||||
|
||||
export async function registerCustomer(
|
||||
email: string,
|
||||
password: string,
|
||||
|
||||
Reference in new issue
Block a user