Day28 firebase authentication

前两天我们教大家怎麽部属了网页，但网页的内容几乎没说。
基本上网页配置有右侧的bar及左侧的表格，这样基本上就能建立我们需要的

第一件事至firebase authentication

设定登入方式

首先登入的部分是利用angular fire的 authentication
我将其作为一个component，负责login

需要以下的东西

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import { Observable } from 'rxjs';

这边则是写登入後取得帐户及导向首页

export class LoginComponent implements OnInit {

  private authUser: Observable<firebase.User>;
  private account: Observable<Account>;

  constructor(private auth: AngularFireAuth, private router: Router, private accountService: AccountService) {
    this.authUser = auth.authState;
    this.authUser.subscribe(user => {
      if (user) {
        this.account = this.accountService.getAccount(user.uid);
        this.router.navigate(['/home']);
      }
    });
  }

  ngOnInit() {
  }

}

点击後转到，选择帐户，若没有被挡即可到首页