javascript - Firebase:TypeError:无法读取未定义的属性(读取 'getIdToken')

标签 javascript node.js reactjs firebase

因此,我在学习 Firebase/React 教程 (https://www.youtube.com/watch?v=m_u6P5k0vP0&t=2656s) 时遇到了问题。我在 auth 部分尝试设置新用户,我成功地让新用户进入我在 firebase 上的 Auth 部分,但我没有取回他们的 id token ,所以我无法继续以编程方式创建用户集合.目前,我在命令行上看到 TypeError,并在 Postman 中返回一个 JSON 字符串为空的 500 错误。关于我在 data.user.getIdToken() 中缺少什么的任何想法?

const functions = require("firebase-functions");
const admin = require('firebase-admin');
const app = require('express')();

const firebaseConfig = {
  apiKey: "***",
  authDomain: "***",
  databaseURL: "***",
  projectId: "***",
  storageBucket: "***",
  messagingSenderId: "***",
  appId: "***",
  measurementId: "***"
};


admin.initializeApp(firebaseConfig);
const db = admin.firestore();


// First function is to get all screams (feed posts)
app.get('/screams', (req, res) => {
  db
    .collection('screams')
    .orderBy('createdAt', 'desc')
    .get()
    .then((data) => {
      let screams = [];
      data.forEach((doc) => {
        screams.push({
          screamId: doc.id,
          body: doc.data().body,
          userHandle: doc.data().userHandle,
          createdAt: doc.data().createdAt
        });
      });
      return res.json(screams);
    })
    .catch((err) => console.error(err))
})

// Second functions is to create ie post new screams from a json format
app.post('/screams', (req, res) => {

  const newScream = {
    body: req.body.body,
    userHandle: req.body.userHandle,
    createdAt: new Date().toISOString()
  };

  db.collection('screams').add(newScream).then((doc) => {
    res.json({ message: `document ${doc.id} created successfully` })
  })
  .catch((err) => {
    res.status(500).json({ error: 'something went wrong' });
    console.error(err);
  })
});

// Signup route
app.post("/signup", (req, res) => {
  const newUser = {
    email: req.body.email,
    password: req.body.password,
    confirmPassword: req.body.confirmPassword,
    handle: req.body.handle
  };

  db.doc(`/users/${newUser.handle}`).get()
    .then( 
      doc => {
        if(doc.exists){
          return res.status(400).json({ handle: 'This handle already taken' });
        } else {
          return  admin
          .auth()
          .createUser({
            email: newUser.email,
            password: newUser.password,
          })
        }
      })
      .then(data => {
        data.user.getIdToken();
      })
      .then(token => {
        return res.status(201).json({ token });
      })
      .catch((err) => {
        console.error(err);
        return res.status(500).json({ error: err.code });
      });

});

// export api allows us to use express for our function formating
exports.api = functions.https.onRequest(app);
  TypeError: Cannot read properties of undefined (reading 'getIdToken')
      at /Users/tmac/Desktop/SMTutorial/functions/index.js:84:22
      at processTicksAndRejections (node:internal/process/task_queues:96:5)

最佳答案

createUser() 方法返回一个 UserRecord它没有 user 属性。此外,您似乎正在尝试使用 Admin SDK 获取用户的 ID token ,这在本地是不可能的。结帐In firebase - How to generate an idToken on the server for testing purposes?获取更多信息。

在服务器上创建用户后,您只需发回响应,然后使用 Firebase 客户端 SDK 登录用户。也尝试重构代码,如下所示:

app.post("/signup", async (req, res) => {
  const newUser = {
    email: req.body.email,
    password: req.body.password,
    confirmPassword: req.body.confirmPassword,
    handle: req.body.handle
  };

  const userDoc = await db.doc(`/users/${newUser.handle}`).get()
  if (userDoc.exists) {
    return res.status(400).json({ handle: 'This handle already taken'});
  }

  // Create user
  await admin.auth().createUser({ email: newUser.email, password: newUser.password })

  return res.json({ data: "User created" })
})

客户端的流程可以是这样的:

  1. 用户输入凭据并触发“/signup”API
  2. 在服务器返回成功响应后,使用 Firebase 客户端 SDK 使用相同的凭据登录用户。

关于javascript - Firebase:TypeError:无法读取未定义的属性(读取 'getIdToken'),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70809555/

相关文章:

javascript - 带有用户名变量的 Node.js 聊天应用程序无法正常工作

javascript - 单击边框时,项目单击不会触发事件

node.js - 在 npm 脚本中使用 rm -rfolder_name/* 删除文件夹的内容会出现 'no such folder or directory' 错误

mysql - 如何通过NodeJS插入MySQL中的Orders表和Order Items表

javascript - 通过 API 调用在 React FullCalendar 中传递数据

javascript - PhoneGap + child 浏览器 + 错误

javascript - Vuejs渲染错误: "TypeError: Cannot read property ' props' of undefined"Vuejs

node.js - MarkLogic node.js 客户端 API - 使用 XML 命名空间按元素值查询

reactjs - 浏览器窗口中的 Electron 高度不会传播

javascript - Redux reducer 无法删除数组元素