Chrome扩展中Firebase谷歌登录：如何用Provider实例配合signInWithCredential？

问题核心在于signInWithCredential是基于已有凭证完成登录，要实现每次选账号，得从获取谷歌授权凭证的源头入手——也就是在发起谷歌授权请求时强制触发账号选择，而非在Firebase登录阶段调整。

正确实现步骤 #

Chrome扩展无法使用signInWithPopup，但可以借助Chrome官方的chrome.identityAPI发起授权，同时带上prompt=select_account参数，强制谷歌显示账号选择界面：

1. 配置扩展manifest.json
   先确保manifest里声明identity权限和OAuth2相关信息：

   {
     "permissions": ["identity"],
     "oauth2": {
       "client_id": "你的谷歌OAuth2客户端ID",
       "scopes": ["email", "profile", "openid"]
     }
   }
   

2. 发起授权并完成Firebase登录
   构造带强制选择参数的谷歌授权URL，通过launchWebAuthFlow打开授权页面，拿到授权码后再转换为Firebase凭证完成登录：

   const clientId = "你的谷歌OAuth2客户端ID";
   const redirectUri = chrome.identity.getRedirectURL();
   const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=code&scope=email%20profile%20openid&prompt=select_account`;
   
   try {
     // 打开谷歌授权页面，强制显示账号选择
     const responseUrl = await chrome.identity.launchWebAuthFlow({
       url: authUrl,
       interactive: true
     });
     // 从返回URL中提取授权code
     const authCode = new URL(responseUrl).searchParams.get("code");
     
     // 将授权code转换为Firebase认证凭证
     const credential = GoogleAuthProvider.credentialFromAuthCode(authCode);
     
     // 用凭证完成Firebase登录
     const userCredentials = await signInWithCredential(auth, credential);
     console.log("登录成功", userCredentials.user);
   } catch (error) {
     console.error("授权或登录失败", error);
   }
   

为什么之前的方法无效？ #

• 直接设置GoogleAuthProvider的prompt参数没用：这个参数是给signInWithPopup/signInWithRedirect这类触发谷歌授权流程的方法设计的，signInWithCredential仅使用现成凭证登录，不会触发新的授权请求。
• 调用令牌撤销接口没用：撤销的只是当前有效的访问令牌，但谷歌浏览器会缓存账号会话信息，下次授权仍会自动选择上次账号，必须在授权请求中加入prompt=select_account才能强制清除缓存并显示选择界面。

内容的提问来源于stack exchange，提问作者sir-haver