no se si seas nuevo en la comunidad, pero debes darnos contexto para poder responderte adecuadamente, para este caso en particular versión de paquete y como configuraste la conexión a Firebase. Dicho esto te comparto ejemplo de codigo real de una app que tengo que funciona, esta en una angular v12, pero seria útil de ejemplo. para que valides si tienes estas configuraciones hechas, ya que un error 400 significa que tienes mal configurado algo.
packageJson:
"dependencias": {
....
"@angular/fire": "^6.1.5",
"firebase": "^8.6.8"
....
}
Configuración de AppModule con librería de AngularFire:
@NgModule({
declarations: [AppComponent],
imports: [
....
AngularFireModule.initializeApp(environment.firebaseConfig),
....
],
bootstrap: [AppComponent],
})
export class AppModule {}
y en el environments.ts:
export const environment = {
....
firebaseConfig: {
apiKey: "DKHFBGSEIHFNGFGAWSDG",
authDomain: "tuconfig.firebaseapp.com",
projectId: "tunameproyect",
storageBucket: "tustorebucket",
messagingSenderId: "tummessagesender id",
appId: "tuappid"
}
...
}
y el servicio que se colgaba de FireBase luce así:
import {
AngularFirestore,
AngularFirestoreCollection,
AngularFirestoreDocument,
} from "@angular/fire/firestore";
@Injectable({
providedIn: "root",
})
export class FirebaseNotificationsService {
...
//trae info de collecciones de Firebase
getDbFirebase(filter: string = null) {
if (filter) {
this.db = this.angularFire.collection("notification_realtime",
(ref) =>
ref.where("userId", "==", this.adminId).where("state", "==",
filter));
} else {
this.db = this.angularFire.collection("notification_realtime",
(ref) => ref
.where("userId", "==", this.adminId)
.where("state", "==", "delivered")
);
}
}
//este si se conecta a realtime
getNotifications(filter: string = null) {
this.getDbFirebase(filter);
return this.db.snapshotChanges().pipe(
map((actions) =>
actions.map((a) => {
const data = a.payload.doc.data() as Notifications;
const id = a.payload.doc.id;
return { id, ...data };
})
)
);
}
...
}
Te anexo un tuto de Medium mas reciente: https://medium.com/ignite-ui/firebase-angular-application-with-auth-and-realtime-database-ae37fef5859d
Y el repo en github que se conecta desde ANgular 15: https://github.com/IgniteUI/crypto-portfolio-app
Espero que esto te de ayuda.