在Firebase认证重定向登录后读取自定义参数的策略

const provider = new GoogleAuthProvider();
provider.setCustomParameters({
  prompt: 'select_account',
  state: 'saveAction', // 期望传递的自定义参数
});
await signInWithRedirect(getAuth(), provider);

// 定义需要传递的自定义参数
const customParams = { action: "user_registration", source: "homepage" };

// 将参数存储到 localStorage，使用一个唯一的键名
// 建议将对象转换为 JSON 字符串进行存储
localStorage.setItem("myAppCustomAuthParams", JSON.stringify(customParams));

// 配置 Firebase 认证提供者
const provider = new GoogleAuthProvider();
provider.setCustomParameters({
  prompt: 'select_account',
  // 注意：此处设置的 state 参数与 localStorage 存储的参数是独立的，
  // 仅用于向 OAuth 提供者传递信息，不会在 getRedirectResult 中返回给应用
  state: 'firebase_auth_state_identifier', 
});

// 发起重定向登录
const auth = getAuth();
await signInWithRedirect(auth, provider);

import { getAuth, getRedirectResult } from "firebase/auth";

const auth = getAuth();

// 在应用加载时或适当的时机调用，以处理重定向结果
getRedirectResult(auth)
  .then((result) => {
    if (result) {
      // 用户已成功登录并重定向回应用
      const user = result.user;
      const credential = GoogleAuthProvider.credentialFromResult(result);
      const accessToken = credential.accessToken;

      console.log("用户已登录:", user);

      // 从 localStorage 中检索之前存储的自定义参数
      const storedParamsString = localStorage.getItem("myAppCustomAuthParams");
      if (storedParamsString) {
        try {
          const retrievedParams = JSON.parse(storedParamsString);
          console.log("检索到的自定义参数:", retrievedParams);
          // 根据 retrievedParams 执行后续的业务逻辑，例如完成用户注册流程
          if (retrievedParams.action === "user_registration") {
            console.log("用户正在完成注册流程...");
            // 调用相应的注册完成API或更新UI
          }
        } catch (error) {
          console.error("解析自定义参数失败:", error);
        } finally {
          // 无论成功与否，一旦使用完毕，应立即清除 localStorage 中的数据
          localStorage.removeItem("myAppCustomAuthParams");
        }
      } else {
        console.log("未找到自定义参数。");
      }
    } else {
      // 没有重定向结果，可能是用户直接访问页面或未完成登录
      console.log("没有待处理的重定向认证结果。");
    }
  })
  .catch((error) => {
    // 处理登录过程中可能出现的错误
    console.error("重定向登录失败:", error);
    // 清理 localStorage 以防万一
    localStorage.removeItem("myAppCustomAuthParams");
  });

import { getAuth, GoogleAuthProvider, signInWithRedirect, getRedirectResult } from "firebase/auth";
import { initializeApp } from "firebase/app";

// 您的 Firebase 配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化 Firebase
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);

// --- 登录前：存储参数并发起重定向 ---
async function initiateLoginWithCustomParams() {
  const customParams = {
    action: "complete_order",
    orderId: "ORD123456",
    returnUrl: "/dashboard"
  };

  // 存储自定义参数到 localStorage
  localStorage.setItem("myAppCustomAuthParams", JSON.stringify(customParams));
  console.log("自定义参数已存储:", customParams);

  const provider = new GoogleAuthProvider();
  // 这里的 state 仅用于 OAuth 协议，不会在 getRedirectResult 中返回给应用
  provider.setCustomParameters({
    prompt: 'select_account'
  });

  try {
    await signInWithRedirect(auth, provider);
    // 重定向发生，此行之后的代码不会执行
  } catch (error) {
    console.error("发起重定向登录失败:", error);
    // 如果发起重定向失败，也应该清理 localStorage
    localStorage.removeItem("myAppCustomAuthParams");
  }
}

// --- 登录后：处理重定向结果并检索参数 ---
async function handleRedirectResultAndParams() {
  try {
    const result = await getRedirectResult(auth);
    if (result) {
      // 用户已成功登录
      const user = result.user;
      console.log("用户成功登录:", user.displayName, user.email);

      // 从 localStorage 检索自定义参数
      const storedParamsString = localStorage.getItem("myAppCustomAuthParams");
      if (storedParamsString) {
        try {
          const retrievedParams = JSON.parse(storedParamsString);
          console.log("成功检索到自定义参数:", retrievedParams);

          // 根据检索到的参数执行业务逻辑
          if (retrievedParams.action === "complete_order") {
            console.log(`正在完成订单 ${retrievedParams.orderId}...`);
            // 模拟业务逻辑
            setTimeout(() => {
              alert(`订单 ${retrievedParams.orderId} 已完成，即将跳转到 ${retrievedParams.returnUrl}`);
              window.location.href = retrievedParams.returnUrl;
            }, 1000);
          }
        } catch (parseError) {
          console.error("解析自定义参数失败:", parseError);
        } finally {
          // 清理 localStorage 中的参数
          localStorage.removeItem("myAppCustomAuthParams");
          console.log("自定义参数已从 localStorage 清除。");
        }
      } else {
        console.log("未找到任何存储的自定义参数。");
      }
    } else {
      console.log("没有待处理的重定向认证结果。");
    }
  } catch (error) {
    console.error("处理重定向登录结果失败:", error);
    // 发生错误时也尝试清理 localStorage
    localStorage.removeItem("myAppCustomAuthParams");
  }
}

// 在应用初始化时调用，检查并处理重定向结果
handleRedirectResultAndParams();

// 示例：触发登录的按钮点击事件
// document.getElementById('signInButton').addEventListener('click', initiateLoginWithCustomParams);