首先,在Angular项目中安装Firebase和AngularFire。 npm install firebase @angular/fire
在app.module.ts文件中导入所需的模块: import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { AngularFireModule } from '@angular/fire'; import { AngularFireAuthModule } from '@angular/fire/auth'; import { AngularFirestoreModule } from '@angular/fire/firestore';
const config = { /* Firebase配置 */ };
@NgModule({ imports: [ BrowserModule, AngularFireModule.initializeApp(config), AngularFireAuthModule, AngularFirestoreModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule {}
创建一个服务来处理用户数据的读写。 ng generate service user
添加以下代码以初始化AngularFirestore: constructor(private firestore: AngularFirestore) {}
添加以下方法以添加新用户:
addUser(user: any): Promise
添加以下方法来获取用户数据:
getUser(uid: string): Observableusers/${uid}
).valueChanges();
}
添加以下方法以更新用户数据:
updateUser(uid: string, data: any): Promiseusers/${uid}
).update(data);
}
添加以下方法以删除用户数据:
deleteUser(uid: string): Promiseusers/${uid}
).delete();
}
在组件中使用UserService来处理用户数据的读写。
示例代码:https://github.com/angular/angularfire/blob/master/docs/firestore/collections.md#angularfirestore-example