如何在 Angular 项目中安装 Firebase

Firebase 是一个由谷歌提供的云服务平台，它为开发者提供了丰富的功能，包括实时数据库、身份验证、云存储、云函数等。在 Angular 项目中使用 Firebase 可以大大简化我们的开发工作。本文将介绍如何在 Angular 项目中安装 Firebase 以及 Firebase Angular 库。

第一步：安装 Firebase CLI

Firebase CLI 是 Firebase 的命令行工具，它可以帮助我们进行 Firebase 应用的创建、管理和部署等操作。首先，我们需要安装 Firebase CLI：

npm install -g firebase-tools

第二步：创建 Firebase 应用

在安装完 Firebase CLI 后，我们可以使用 firebase login 命令登录 Firebase：

firebase login

登录后，我们就可以使用 firebase init 命令创建一个新的 Firebase 应用：

firebase init

执行该命令后，会跳出一个命令行交互式界面，需要选择我们要创建的 Firebase 功能，例如实时数据库、身份验证、存储等。这里我们选择实时数据库、身份验证、云存储和云函数。

第三步：安装 Firebase Angular 库

安装 Firebase Angular 库前，我们需要安装 Firebase 依赖。将以下命令添加到你的项目根目录的终端中即可：

npm install firebase @angular/fire

安装完成后，我们需要在 app.module.ts 文件中导入 Firebase 和 AngularFire 模块：

import { NgModule } from '@angular/core';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { AngularFireFunctionsModule } from '@angular/fire/functions';

// Initialize Firebase App
const firebaseConfig = {
  apiKey: '<API_KEY>',
  authDomain: '<PROJECT_ID>.firebaseapp.com',
  databaseURL: 'https://<DATABASE_NAME>.firebaseio.com',
  projectId: '<PROJECT_ID>',
  storageBucket: '<BUCKET>.appspot.com',
  messagingSenderId: '<SENDER_ID>',
  appId: '<APP_ID>',
}

@NgModule({
  imports: [
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    AngularFireStorageModule,
    AngularFireFunctionsModule
  ],
  ...
})
export class AppModule { }

结语

至此，我们已经成功地在 Angular 项目中安装了 Firebase 和 Firebase Angular 库。可以愉快地使用 Firebase 为我们提供的各种服务了。