Next-auth Google Auth 和 Firebase 适配器

Question

当我尝试使用时

 adapter: FirebaseAdapter(firestore)

来自 -> https://next-auth.js.org/adapters/firebase

在 firebase v9 之后，next-auth 的文档尚未更新。

我收到此错误：TypeError：集合不是函数

我的代码：

Api 密钥和客户端密钥已替换为点 (...) 以隐藏它们。

 adapter: FirebaseAdapter(firestore)

Answer 1

我设法使用以下方法解决了同样的错误：

1-由于 Firebase v9 遵循模块化方法，因此将解构的 FirebaseClient 对象传递给 Firebase 适配器，如下所示

// pages/api/auth/[...nextauth].js
import NextAuth from "next-auth";
import GoogleProvider from "next-auth/providers/google";
import GithubProvider from "next-auth/providers/github";
import { FirebaseAdapter } from "@next-auth/firebase-adapter";
import { db } from "../../../firebase";

import {
  collection,
  query,
  getDocs,
  where,
  limit,
  doc,
  getDoc,
  addDoc,
  updateDoc,
  deleteDoc,
  runTransaction,
} from "firebase/firestore";

export default NextAuth({
  providers: [
    // OAuth authentication providers
    GoogleProvider({
      clientId: process.env.GOOGLE_ID,
      clientSecret: process.env.GOOGLE_SECRET,
    }),
    GithubProvider({
      clientId: "",
      clientSecret: "",
    }),
  ],

  adapter: FirebaseAdapter({
    db,
    collection,
    query,
    getDocs,
    where,
    limit,
    doc,
    getDoc,
    addDoc,
    updateDoc,
    deleteDoc,
    runTransaction,
  }),
});

2-然后您可能会收到一条错误，指出“无法使用未定义的 toDate 方法”，如果发生这种情况，请进入 index.js 文件内的 node_modules/@next-auth/firebase-adapter/dist，用此代码替换exports.format 对象其中添加了一个“？” 值对象后的运算符

exports.format = {
    toFirestore(object) {
        const newObjectobject = {};
        for (const key in object) {
            const value = object[key];
            if (value === undefined)
                continue;
            newObjectobject[key] = value;
        }
        return newObjectobject;
    },
    fromFirestore(snapshot) {
        if (!snapshot.exists())
            return null;
        const newUser = { ...snapshot.data(), id: snapshot.id };
        for (const key in newUser) {
            const value = newUser[key];
            if (value?.toDate)
                newUser[key] = value.toDate();
            else
                newUser[key] = value;
        }
        return newUser;
    },
};

3-您要做的最后一件事是在 package.json 中删除下一个身份验证版本之前的“^”，以在执行 npm install 时禁用软件包更新，这将重置步骤 2 中发生的所有代码更改。

该解决方案假设您有 firebase.js 文件，该文件应如下所示

import { initializeApp, getApps, getApp } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";

const firebaseConfig = {
  apiKey: "your_api_key",
  authDomain: "your_auth_domain",
  projectId: "your_project_Id",
  storageBucket: "your_storage_bucket",
  messagingSenderId: "message_sender_Id",
  appId: "your_app_Id",
};

// Initialize Firebase
const app = getApps.length > 0 ? getApp() : initializeApp(firebaseConfig);

const db = getFirestore(app);
const storage = getStorage(app);

export { app, db, storage };

希望这能解决您的问题。