【问题标题】:Role-Based User Access Control With Firebase使用 Firebase 进行基于角色的用户访问控制
【发布时间】:2026-02-06 03:55:02
【问题描述】:

我尝试使用 Firebase 创建基于角色的用户访问控制,如果用户经过身份验证 && 管理员,则允许访问路由......我正在尝试使用本教程:https://angularfirebase.com/lessons/role-based-permissions-and-authorization-with-firebase-auth/ 但我使用角度 7 , 我收到语法错误 “ Observable.of(null) ” 和 “。订阅(用户=> { this.user.next(user)"

我的身份验证服务:

import { Injectable } from '@angular/core';
import { User } from 'src/app/register/user';
import { AngularFireAuth } from '@angular/fire/auth';
import { map } from "rxjs/operators";
import { auth } from 'firebase';
import { Router } from "@angular/router";
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { switchMap } from 'rxjs/operators';
//import * as firebase from 'firebase/app';
import { AngularFireDatabase } from '@angular/fire/database';
import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
import { observable } from 'rxjs/internal/symbol/observable';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  user: BehaviorSubject<User> = new BehaviorSubject(null)

  constructor(public db: AngularFireDatabase, private fire: AngularFireAuth) {

    this.fire.authState.pipe(switchMap(auth => {
      if (auth) {
        /// signed in
        return this.db.object('users/${auth.uid}')
      } else {
        /// not signed in
        return Observable.of(null)
      }
    }).subscribe(user => {
      this.user.next(user)
    }))


  }

我的用户模型:

export interface Roles {
    reqUser: boolean;
    volunteer?: boolean;
    admin?:  boolean;
  }

  export class User {
    uid: string;
    email:    string;
    username: string;
    password : string;
    roles:    Roles;
    fullname : string;

    constructor(auth) {
      this.email    = auth.email
      this.uid = auth.uid
      this.roles    = { reqUser: true }
    }
  }

【问题讨论】:

    标签: angular firebase firebase-authentication


    【解决方案1】:

    试试这个return of(null)而不是return Observable.of(null),它会解决你当前遇到的Observable.of(null)语法错误的错误

    对于订阅功能中的第二个错误,只需尝试此代码

    subscribe(user => this.user = user)
    

    而不是

    subscribe(user => {
      this.user.next(user)
    }
    

    希望这能解决您的错误,如果没有回复我您的错误和代码

    【讨论】:

      最近更新 更多