2023年解决方案使用firebase“Web Modular API”时

配置文件url可以通过以下方法获得

getAdditionalUserInfo(result);

以下是完整的实现：

import { initializeApp } from 'firebase/app';
import {
  getAuth,
  FacebookAuthProvider,
  signInWithPopup,
  getAdditionalUserInfo,
} from 'firebase/auth';

const firebaseConfig = {
  apiKey: 'xxx',
  authDomain: 'xxx',
  projectId: 'xxx',
  storageBucket: 'xxx',
  messagingSenderId: 'xxx',
  appId: 'xxx',
  measurementId: 'xxx',
};

initializeApp(firebaseConfig);
const auth = getAuth();
const provider = new FacebookAuthProvider();

let result = await signInWithPopup(auth, provider);

let additional = getAdditionalUserInfo(result);
console.log('picture_url: ', additional.profile.data.picture.url);

// if token is needet
const credential = FacebookAuthProvider.credentialFromResult(result);
console.log('credential: ', credential);

参考：https://firebase.google.com/docs/auth/web/facebook-login?hl=de#web-modular-api_4