小编pko*_*vzz的帖子

Cloud Firestore 保存额外的用户数据

如何在 Cloud Firestore 数据库中保存其他用户数据?我的意思是,哪一种是正确的方法?我想创建一个用户集合,我可以在其中存储他们的用户名和其他数据。我已经找到了关于这个问题的答案,但他们都在使用“旧”的 Firebase 实时数据库解决方案。

现在我是这样做的(这是一个 Vue 组件):

methods: {
    doSignUp () {
      if (!this.email || !this.password) {
        return
      }
      firebase.auth().createUserWithEmailAndPassword(this.email, this.password)
        .then(data => {
          this.createUser(data)
        }).catch(err => console.log(err))
    },
    createUser (userObject) {
      const docRef = this.$store.getters.getDB.collection('users')
      const username = userObject.email.split('@')[0]
      docRef
        .doc(username)
        .set({
          id: userObject.uid,
          username
        }).then().catch((err) => console.log(err))
    }
  }
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,我只是简单地在“users”集合中创建一个新文档,并将用户的 ID 保存为“id”。这是正确的方法吗?我不确定。

javascript firebase vue.js google-cloud-firestore

9
推荐指数
1
解决办法
1万
查看次数

Gulp + babelify + browserify问题

我正在尝试使用browserify和babelify创建一个gulp任务.这是任务:

var gulp = require('gulp');
var browserify = require('gulp-browserify');
var source = require('vinyl-source-stream');
var babelify = require('babelify');

gulp.task('js', function () {
    browserify('./resources/js/*.js')
        .transform(babelify)
        .bundle()
        .pipe(source('*.js'))
        .pipe(gulp.dest('./public/js'));
});
Run Code Online (Sandbox Code Playgroud)

我找到了一些示例代码,尝试使用它们,但结果总是一样的.

当我运行任务,并保存我的example.js文件时,会出现以下错误:

TypeError: browserify(...).transform is not a function

我究竟做错了什么?

javascript browserify gulp babeljs

4
推荐指数
1
解决办法
1万
查看次数

Angular 2.3.1异步自定义验证器承诺无法解决

我有一个注册表单,我想检查是否已经使用了用户名.为了达到这个目的,我现在正在使用承诺.我的注册组件如下所示:

import { Component, OnInit } from '@angular/core';
import { FormControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
import { UserService } from '../shared/user.service'

@Component({
  selector: 'app-auth',
  providers: [],
  templateUrl: './auth.component.html',
  styleUrls: ['./auth.component.css']
})

export class AuthComponent implements OnInit {

  // Tabs for log in or sign up
  tab = 'signup';

  // Sign up form
  signUpForm: FormGroup;

  // Log in form
  logInForm: FormGroup;

  constructor(private formBuilder: FormBuilder, private ussr: UserService) {
     this.signUpForm = this.formBuilder.group({
       'username': [null, [
         Validators.required, Validators.minLength(4), Validators.maxLength(12), this.ussr.getUserNameFromServer
       ]], …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous angular2-forms angular

4
推荐指数
1
解决办法
729
查看次数