在Angular 8项目中加载Firebase远程配置

npm install firebase --save

export const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID"
};

import { Injectable } from '@angular/core';
import { firebaseConfig } from './firebase-config';

@Injectable({
  providedIn: 'root'
})
export class FirebaseConfigService {
  private config: any;

  constructor() {
    this.config = firebaseConfig;
  }

  getConfig() {
    return this.config;
  }
}

import { Component } from '@angular/core';
import { FirebaseConfigService } from './firebase-config.service';

@Component({
  selector: 'app-root',
  template: `
    <h1>Firebase Config</h1>
    <pre>{{ firebaseConfig | json }}</pre>
  `
})
export class AppComponent {
  firebaseConfig: any;

  constructor(private firebaseConfigService: FirebaseConfigService) {
    this.firebaseConfig = this.firebaseConfigService.getConfig();
  }
}