Angular Firebase Observable错误处理：新用户权限不足时设置auth.isApproved为false

嘿，我明白你的问题了——新用户登录后因为数据库权限不足抛出permission_denied错误，但你没法让auth.isApproved返回false对吧？之前给switchMap加catch没生效，大概率是错误处理的位置不对，咱们来一步步解决它！

问题根源 #

你遇到的核心问题是：switchMap内部的数据库读取Observable抛出的错误，没有被正确捕获就终止了整个流。外层的catch（或者RxJS 6+的catchError）没法直接接住内部Observable的错误，导致错误冒泡到全局控制台，而你的auth.isApproved根本没机会被设置为false。

正确的错误处理方式 #

我们需要在switchMap内部，给每个数据库读取的Observable单独添加错误捕获逻辑，确保错误被拦截后返回一个合法的结果（比如false），同时保持整个用户状态流的活跃性。

以下是调整后的代码示例（适配RxJS 6+，现在Angular项目基本都用这个版本）：

import { catchError, map, switchMap, throwError } from 'rxjs/operators';
import { of } from 'rxjs';

// 假设auth.user$是你的用户登录状态Observable
auth.user$.pipe(
  switchMap(user => {
    // 如果用户未登录，直接返回null
    if (!user) {
      return of(null);
    }

    // 读取用户权限时，在内部Observable上捕获错误
    return db.object(`/authorization/users/${user.uid}`).valueChanges().pipe(
      catchError(error => {
        // 精准匹配权限拒绝错误
        if (error.code === 'permission_denied') {
          console.log('新用户无数据库访问权限');
          // 返回false，表示未授权
          return of(false);
        }
        // 其他类型的错误可以重新抛出，或者根据需求处理
        return throwError(() => error);
      })
    );
  }),
  map(result => {
    // 统一处理结果：未登录（null）或权限错误（false）都返回false
    // 如果你的权限节点存储的是布尔值，这里可以直接返回!!result
    return result === true;
  })
).subscribe(isApproved => {
  auth.isApproved = isApproved;
});

关键细节说明 #

• 错误捕获的位置：一定要把catchError放在switchMap内部的数据库Observable链上，这样每个用户登录后的权限查询错误都会被单独处理，不会影响整个auth.user$流的后续触发。
• 精准判断错误类型：通过error.code === 'permission_denied'来确认是权限问题，避免误处理其他数据库错误（比如网络问题）。
• 保持流的活跃性：捕获错误后返回of(false)而不是抛出错误，这样整个Observable流不会被终止，后续用户登出再登录时依然能正常处理。
• 响应式优化（可选）：如果你的auth.isApproved是用于组件订阅的，建议把它改成Observable类型，直接赋值处理后的流，不用手动在subscribe里设置：

  auth.isApproved$ = auth.user$.pipe(
    // 上面的switchMap和map逻辑
  );
  

这样调整后，新用户登录触发权限错误时，auth.isApproved就会被正确设置为false啦！

内容的提问来源于stack exchange，提问作者Tim Tharratt