AngularFire2中使用Firebase Callable Functions的可行性及初始化疑问

当然可以在AngularFire2中使用Firebase的Callable Functions啦，完全不用担心重复初始化App的问题——AngularFireModule的initializeApp已经帮你搞定了SDK的初始化工作，Firebase本身会自动检测已存在的App实例，不会重复创建的。下面是具体的实现步骤：

1. 确认依赖齐全 #

先确保你的项目里已经安装了核心依赖包，要是还没装的话，运行下面的命令：

npm install firebase @angular/fire

2. 注入AngularFireFunctions服务 #

AngularFire已经封装了Callable Functions的专属服务，你不需要手动调用Firebase原生SDK的getFunctions()，更不用重新初始化App。直接在组件或服务里注入AngularFireFunctions就行：

举个服务里的例子：

import { Injectable } from '@angular/core';
import { AngularFireFunctions } from '@angular/fire/compat/functions';

@Injectable({
  providedIn: 'root'
})
export class FunctionCallService {
  constructor(private fireFunctions: AngularFireFunctions) { }
}

3. 调用你的Callable Function #

假设你在Firebase后台部署了一个名为getUserProfile的Callable Function，调用方式分两种情况：

无参数调用 #

fetchUserProfile() {
  const callableFn = this.fireFunctions.httpsCallable('getUserProfile');
  callableFn().subscribe({
    next: (result) => {
      console.log('用户信息:', result);
    },
    error: (err) => {
      console.error('调用失败:', err);
    }
  });
}

带参数调用 #

如果函数需要接收参数，直接把参数对象传给调用方法即可：

updateUserSettings(settings: { darkMode: boolean, notifications: boolean }) {
  const callableFn = this.fireFunctions.httpsCallable('updateSettings');
  callableFn(settings).subscribe({
    next: (result) => {
      console.log('设置更新成功:', result);
    },
    error: (err) => {
      console.error('更新失败:', err);
    }
  });
}

额外说明：自定义配置（可选） #

如果你的云函数部署在非默认区域，或者需要其他自定义配置，可以通过AngularFireFunctions获取原生的Functions实例来调整：

// 切换函数区域
const nativeFunctions = this.fireFunctions.functions;
nativeFunctions.useRegion('asia-southeast1');

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