基于 Angular 7 与 Firebase 5 构建安全的 Web 应用
使用 AngularFire2 库实现 Angular 7 与 Firebase 5 的用户身份验证
本教程将指导您使用 AngularFire2 库，基于 Angular 7 和 Firebase 5 创建全面的用户身份验证系统。
功能：
- 使用 Google 账户登录
- 使用 Facebook 账户登录
- 使用用户名和密码注册
- 忘记密码恢复
- 向新用户发送验证邮件
- 限制未验证用户访问应用仪表板
- 限制未登录用户访问受保护页面
- 阻止已登录用户访问登录和注册组件
- 将用户数据存储在本地存储中
安装:
- 运行
npm install安装项目依赖 - 运行
ng serve启动开发服务器 - 访问
http://localhost:4200/
注意：修改源文件后，应用程序将自动重新加载。
代码示例：
// 示例: 使用 AngularFireAuth 服务进行电子邮件/密码登录
import { Component } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { auth } from 'firebase/app';
@Component({
// ...
})
export class LoginComponent {
constructor(public afAuth: AngularFireAuth) { }
loginWithEmail(email: string, password: string) {
return this.afAuth.auth.signInWithEmailAndPassword(email, password);
}
}
贡献：
如果您喜欢本项目，请为仓库点亮 star，与更多开发者分享！
...
文件大小：196.33KB
评论区