{"id":785,"date":"2020-05-11T18:10:35","date_gmt":"2020-05-11T09:10:35","guid":{"rendered":"http:\/\/www.typea.info\/blog\/?p=785"},"modified":"2020-10-31T00:00:38","modified_gmt":"2020-10-30T15:00:38","slug":"angluarfirebase-auth-google-twitter","status":"publish","type":"post","link":"https:\/\/www.typea.info\/blog\/index.php\/2020\/05\/11\/angluarfirebase-auth-google-twitter\/","title":{"rendered":"Angluar:Firebase auth \u3067Google\/Twtter\u30ed\u30b0\u30a4\u30f3\u3092\u8a66\u3059"},"content":{"rendered":"\n

Firebase Hosting \u306b Angular \u3092\u7d71\u5408\u3057\u3066 Firestore \u306b\u63a5\u7d9a<\/a> \u306b\u3066\u3001Angular\u304b\u3089\u3001Firestore\u3092\u5229\u7528\u3057\u305f\u304c\u3001Flutter\u5074\u306e\u3081\u3069\u304c\u3064\u3044\u3066\u304d\u305f\u306e\u3067\u3001Angular\u306b\u3082\u3069\u3063\u3066\u3001\u8a8d\u8a3c\u3092\u8a66\u3059\u3002<\/p>\n\n\n\n

Firebase\u306e\u8a2d\u5b9a\u306f\u3001Flutter: Firebase auth \u304b\u3089 twitter \u30b5\u30a4\u30f3\u30a4\u30f3\u3092\u884c\u3046\u3002Android\u3068iPhone<\/a> \u306b\u3066\u5b9f\u65bd\u6e08\u307f\u3002<\/p>\n\n\n\n

angularfire<\/a> \u306e\u30b5\u30f3\u30d7\u30eb\u30bd\u30fc\u30b9\u306b\u5c11\u3057\u624b\u3092\u52a0\u3048\u3066\u52d5\u4f5c\u78ba\u8a8d\u3002<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
import { Component } from '@angular\/core';\nimport { AngularFireAuth } from '@angular\/fire\/auth';\nimport { auth } from 'firebase\/app';\n\n@Component({\n  selector: 'app-root',\n  template: `\n    <div *ngIf=\"auth.user | async as user; else showLogin\">\n      <h1>Hello {{ user.displayName }}!<\/h1>\n      <button (click)=\"logout()\">Logout<\/button>\n    <\/div>\n    <ng-template #showLogin>\n      <p>Please login with Google.<\/p>\n      <button (click)=\"loginGoogle()\">Login with Google<\/button>\n      <p>Please login with Twitter.<\/p>\n      <button (click)=\"loginTwitter()\">Login with Google<\/button>\n    <\/ng-template>\n  `,\n})\nexport class AppComponent {\n  constructor(public auth: AngularFireAuth) {\n  }\n  loginGoogle() {\n    this.auth.signInWithPopup(new auth.GoogleAuthProvider());\n  }\n  loginTwitter() {\n    this.auth.signInWithPopup(new auth.TwitterAuthProvider());\n  }\n  logout() {\n    this.auth.signOut();\n  }\n}<\/pre>\n\n\n\n
\u3053\u3053\u307e\u3067Flutter+Firebase\u3067\u6e96\u5099\u306b\u6642\u9593\u3092\u304b\u3051\u3066\u304d\u305f\u306e\u3082\u3042\u308b\u306e\u3060\u308d\u3046\u304c\u3001\u3042\u307e\u308a\u306b\u3042\u3063\u3051\u306a\u304f\u52d5\u4f5c\u78ba\u8a8d\u5b8c\u4e86\uff01\uff01<\/p>\n\n\n\n