AngularFire2의 계정 연결

Question

AngularFire2를 사용하여 익명 계정과 Google 계정을 모두 처리하고 있습니다. 사용자가 Google 계정을 사용하여 로그인하는 경우 익명 계정을 영구 (Google) 계정으로 변환하여 앱을 계속 사용할 수 있도록하고 싶습니다.

Firebase API를 사용하는 것만 큼 쉬운 것처럼 보이지만 AngularFire2에서이를 수행 할 수있는 기능이 없습니다. 중포 기지에 대한

, 새 인증 공급자의 AuthCredential을 얻고 다음 계정으로 변환하는 링크 방법을 사용하십시오

var credential = firebase.auth.GoogleAuthProvider.credential(
    googleUser.getAuthResponse().id_token); 

auth.currentUser.link(credential).then(function(user) { 
    console.log("Anonymous account successfully upgraded", user); 
}, function(error) { 
    console.log("Error upgrading anonymous account", error); 
}); 

것은 AngularFire2이 가능합니까?

Answer 1

AngularFire2에 의해 생성 된 Firebase App을 주입 할 수 있도록 기본 Firebase API를 사용할 수없는 이유가 없어야합니다.

삽입 된 앱을 사용하여 AngularFire2에 노출되지 않은 auth() (또는 storage()) 인스턴스의 모든 메소드에 액세스 할 수 있습니다. 예를 들어의 목적

,이 같은 응용 프로그램 구성 요소에 주입 수 : 당신은 auth 관찰을 사용할 필요가 없습니다

import { Component, Inject } from "@angular/core"; 
import { AngularFire, FirebaseApp } from "angularfire2"; 
import * as firebase from "firebase"; 

@Component({ 
    selector: "app", 
    template: ... 
}) 
export class AppComponent { 

    constructor(
    // Inject AngularFire2: 
    private angularFire: AngularFire, 
    // Inject the Firebase App instance: 
    @Inject(FirebaseApp) private firebaseApp: firebase.app.App 
) { 

    // Perform some sort of login. 

    ... 

    angularFire.auth.subscribe((state) => { 

     // AngularFire2's auth observable will emit when the authentication 
     // state changes and if the state is non-null, there will be a 
     // current user. At this point, you should be able to do with the 
     // injected app what it was you were doing with the SDK. 

     if (state) { 

     var credential = firebase.auth 
      .GoogleAuthProvider 
      .credential(googleUser.getAuthResponse().id_token); 

     firebaseApp.auth() 
      .currentUser 
      .link(credential) 
      .then((user) => { 
      console.log("Anonymous account successfully upgraded", user); 
      }) 
      .catch((error) => { 
      console.log("Error upgrading anonymous account", error); 
      }); 
     } 
    }); 
    } 
} 

; AngularFire2의 auth.login 메소드가 반환하는 약속을 사용하여 약속 체인에 코드를 삽입 할 수도 있습니다.

아래 설명에서 언급했듯이 GoogleAuthProvider 클래스는 firebase.app 네임 스페이스에 있습니다 (앱 인스턴스 아님). 또한 현재 사용자가 FirebaseAuthState이라는 (혼동을 일으키는) auth 속성의 AngularFire2에서 제공되므로 Google 제공 업체를 통해 원하는 작업을 수행하기 위해 앱 인스턴스를 삽입 할 필요가 없습니다. firebase이 필요합니다.

this.angularFire.auth.login({ 
    email: "some@address.com", 
    password: "password", 
}) 
.then((authState: FirebaseAuthState) => { 
    authState.auth.linkWithRedirect(new firebase.auth.GoogleAuthProvider()); 
}); 

Answer 2

은 작동 예제입니다.

import * as firebase from 'firebase': 


upgradeAnonymous() { 

    let credential = new firebase.auth.GoogleAuthProvider(); 

    firebase.auth().currentUser.linkWithPopup(credential).then(function(user) { 
     console.log("Anonymous account successfully upgraded", user); 
     }, function(error) { 
     console.log("Error upgrading anonymous account", error); 
     }) 
} 

Answer 3

AngularFire2 버전 4의 전체 예제입니다. 동일한 인증 UID를 유지하면서 익명 사용자를 Google 제공 업체로 업그레이드합니다.