Firebase Auth +功能|使用displayName创建用户

时间:2018-02-12 08:09:37

标签: javascript firebase firebase-authentication google-cloud-functions

我尝试使用displayName创建用户。如果我在创建后更新用户配置文件,它实际上有效。但我也使用cloud函数auth.onCreate,我需要displayName。但event.data并没有给我displayName。我想这是因为当触发云功能时,配置文件不会更新。知道如何在我的云功能中访问displayName吗?

我尝试这样做的原因是因为我想确保displayNames是唯一的。因此,当人们注册时,他们必须留下用户名。如果它已存在于我的数据库中,则必须再使用另一个。

如何使用Javascript创建用户:

firebase.auth().createUserWithEmailAndPassword(this.email, this.password).then(
        (user) => {
            user.updateProfile({
                displayName: username
            }).then(() => {
                user.sendEmailVerification().then(
                    () => {
                        firebase.auth().signOut()
                        this.complete = true
                    }).catch(function(err) {
                    console.log(err.message)
                })
            })
        }
    )

我的云功能:

exports.createUser = functions.auth.user().onCreate(event => {
  let user = event.data;
  var userObject = {
    displayName: user.displayName, // undefined
    wins: 0
  }

  admin.database().ref('/users/' + user.uid).set(userObject).then(() => {
    return true
  })
});

1 个答案:

答案 0 :(得分:1)

几周前,我有完全相同的问题。我相信在displayName事件期间无法使用onCreate(文档中的代码不起作用)。这就是我到目前为止的表现。

创建一个函数来处理从客户端更新用户的访问令牌。

updateUserProfile(name: string, photoURL: string) {
    const data = {
      displayName: name,
      photoURL: photoURL
    };

    return this.afAuth.auth.currentUser.updateProfile(data)
      .then(() => {
        console.log('Successfully updated default user profile');

        // IMPORTANT: Force refresh regardless of token expiration
        return this.afAuth.auth.currentUser.getIdToken(true);
      })
      .then(newToken => {
        console.log('Token refreshed!', newToken);
        return newToken;
      })
      .catch((err) => console.log(err));
 }

使用更新的令牌创建HTTP触发器。

const data = {
  displayName: this.displayName,
  photoURL: this.photoURL,
};

this.userService.updateUserProfile(this.displayName, this.photoURL).then(accessToken => {
  // Better: Store token in local storage
  const url = 'https://cloud function endpoint';
  this.http.post(url, JSON.stringify(data), {
    headers: {'Authorization': accessToken, 'Content-Type': 'application/json; charset=utf-8'}
  }).subscribe((res) => {
    // Went well
  }, (err) => {
    // Went wrong
  });
});

创建一个云功能,处理用户displayName更新到您的服务器。

查看Firebase提供的sample code

const app = express();

app.use(cors({ origin: true }));

app.use((req, res, next) => {
  if (!req.headers.authorization) return res.status(403).json({ message: 'Missing Authorization Header' });
  ... handle JWT
});

app.post('/', (req, res) => {
  const batch = admin.firestore().batch();
  const data = req.body;
  const userState = {
    displayName: data.displayName,
    photoURL: data.photoURL,
  };
  ... commit batch update
});

这完全取决于您,并且可能有更好的方法来处理更新用户的displayName。 请注意,用户经常更改其显示名称和个人资料照片。每次用户更新其默认配置文件时,您都应该更新令牌并存储在本地存储中。

注意:如果令牌过期,Firebase会刷新令牌并为您返回一个新令牌。

如果您真的想在displayName期间初始化用户的onCreate event,那么您可以尝试下面的内容。

exports.createUser = functions.auth.user().onCreate(event => {
  let user = event.data;
  const displayName = user.displayName || 'Anonymous';
  ...Update operation code goes below
});

我希望这会对你有所帮助。