确认你已经安装了 @angular/fire 模块,否则通过下面的命令来安装:
npm install firebase @angular/fire --save
在 app.module.ts 中导入 AngularFireModule 和 AngularFireAuthModule:
import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
...
@NgModule({
imports: [
BrowserModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFireAuthModule,
...
],
...
})
在组件或服务中导入 AngularFirestore,并使用 auth.createUserWithEmailAndPassword() 方法来进行身份验证:
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
@Injectable({
providedIn: 'root'
})
export class AuthService {
constructor(public afAuth: AngularFireAuth) {}
register(email: string, password: string) {
return this.afAuth.auth.createUserWithEmailAndPassword(email, password);
}
...
}
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent {
constructor(public authService: AuthService) {}
register() {
this.authService.register(this.email, this.password)
.then(...)
.catch(...);
}
...
}
注意:使用 createUserWithEmailAndPassword() 方法进行身份验证时,你的 Firebase 项目必须启用电子邮件/密码身份验证。