如何在Android应用中获取谷歌账号头像（Firebase谷歌登录场景）

1. 确认授权返回的用户对象字段获取正确 #

谷歌登录默认带的profile权限已经包含头像信息，绝大多数加载失败都是字段读取错误导致的：

• Web端调用signInWithPopup、signInWithRedirect或者getCurrentUser拿到用户对象后，头像对应的固定字段是photoURL，示例代码：

import { getAuth, signInWithPopup, GoogleAuthProvider } from "firebase/auth";

const auth = getAuth();
const provider = new GoogleAuthProvider();
signInWithPopup(auth, provider)
  .then((result) => {
    const user = result.user;
    // 直接读取photoURL字段即可
    const avatarUrl = user.photoURL;
    // 拿到后直接赋值给img标签的src属性即可渲染
    // <img src={avatarUrl} alt="用户头像" />
  })

• 安卓端SDK返回的用户头像字段为photoUrl（小写u），iOS端字段为photoURL，直接读取对应字段即可。
  拿到值后先打印到控制台确认，如果输出为null/undefined，可重新调用一次user.reload()同步最新的用户信息再读取。

2. 已拿到photoURL但图片无法渲染的处理方案 #

• 检查项目的内容安全策略（CSP）配置，需要在img-src规则中放行谷歌头像的域名*.googleusercontent.com，示例Nginx配置：
  add_header Content-Security-Policy "img-src 'self' *.googleusercontent.com";
• 不要给img标签添加crossorigin属性，谷歌头像默认不支持带凭据的跨域请求，添加该属性会导致跨域校验失败。
• 如果是网络环境无法直接访问谷歌域名，可以自行搭建代理层：前端将拿到的photoURL传给后端接口，后端代理请求头像资源后返回给前端渲染即可。

3. 兜底方案 #

如果确实无法获取到用户头像，可以提前设置默认占位头像，避免页面出现空白占位。

内容的提问来源于stack exchange，提问作者ajay