概要概述

使用Firebase可以作为mBaas，提供认证功能和实时数据库等各种服务。但是，当将Angular和Firebase进行集成时，无论使用哪种服务，都需要进行共同的设置。

有关设置方法的备忘录。（这是关于Web应用程序开发的讨论，而不是关于引入原生应用程序的讨论）

前提

• Google アカウントが作成済みであること

• Google アカウントで Firebase にプロジェクトを生成済みであること

• Angular を利用する環境構築が完了していること

Angular で Web アプリケーションの生成が完了していること

操作步骤

将 Web 应用程序注册到 Firebase。

创建并选择要使用的Firebase项目，然后显示项目页面。
按下项目页面上的“添加应用”按钮，然后按下显示的图标中的“</>”符号。

进入Web应用的注册流程，按照屏幕上的指示继续。

请输入一个随机的应用程序昵称（无需进行Firebase Hosting设置）。

当出现「添加Firebase SDK」时，暂时停在那里。

将 Firebase 的用户信息转录到 Angular 的环境设置中。

請拷貝剛才顯示的 “添加Firebase SDK” 中的腳本部分，即從 { 到 } 的 JSON 格式設定部分。

将以下内容复制粘贴到Angular环境配置文件(src/environments/environment.ts)中。

如果Firebase项目分为“开发环境”和“生产环境”，只需要将相应的内容分别复制粘贴到environment.ts和environment.prod.ts即可。

最基本的设置已经完成，无需再做更多的调整。

3. 引入 Firebase 模块

安装Firebase官方模块。

npm i firebase @angular/fire

在根模块中引入Firebase模块。

：
// Firebase モジュール インポート
import { AngularFireModule } from '@angular/fire'; // 追加
import { AngularFireAuthModule } from '@angular/fire/auth'; // 追加例： Firebase Authentication を使う場合
import { AngularFirestoreModule } from '@angular/fire/firestore'; // 追加例： FireStore を使う場合
：

@NgModule({
  ：
  imports: [
    ：
    AngularFireModule.initializeApp(environment.firebase), // 追加
    AngularFireAuthModule, // 追加例： Firebase Authentication を使う場合
    AngularFirestoreModule, // 追加例： FireStore を使う場合
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }