AngularFire2でFirebaseUIを使用

Question

サンプルが見つかりませんでした。 AngularFire2にFirebaseUIを使用することはできますか？ AFAIK UIはAngularFire2の一部ではありません。

Answer 1

実際にFirebaseUI（Web用）とAngularFire2の間に直接の統合はありません。

AngularFire2には、Firebase認証JavaScript SDKの下位レベルのサインイン機能と統合されたサインインプリミティブが組み込まれています。これらの詳細については、AngularFire2 documentation on user authenticationを参照してください。

しかし、AngularFire2とFirebaseUI-Webの両方がFirebase認証JavaScript SDKの上に構築されていることを考えれば、うまく機能するでしょう。 start a sign-in flow from FirebaseUIの場合は、末尾にSDKレベルのtrigger an onAuthStateChanged() eventが表示されます。つまり、onAuth()イベントを発生させるのはsame event that AngularFire2 listens toです。

Answer 2

はい、AngularFireとFirebaseUIは連携できます。サービス中のInit FirebaseUI（それは一度だけ起こるように）：

1：あなたはする必要があり

import * as firebase from 'firebase/app' 

// Attach firebase to window so FirebaseUI can access it 
(<any>window).firebase = firebase 

// Import FirebaseUI standalone (as its npm.js file causes double firebase code) 
import 'firebaseui/dist/firebaseui' // Imports for side effects only 

// Declare `window.firebaseui` that the above import creates 
declare global { 
    const firebaseui 
} 

Why you can't just import * as firebaseui like you do with firebase

2インポートFirebaseUIと（例えば、ブートストラップ前に）それをfirebaseへのアクセス権を与えますAngularFireによって作成されたauthインスタンスに渡します。

constructor(private af_auth: AngularFireAuth){ 
    this.fui_auth = new firebaseui.auth.AuthUI(this.af_auth.auth) 
} 

3：そこもa module availableですが、それが現在this issue