Angularfire2中無效憑證錯誤oauth登錄

Question

我試圖使用Facebook本機和Angularfire2（2.0.0-beta.2）登錄到我的Ionic 2應用程序，但即使我成功獲取訪問令牌，無論如何我嘗試將它傳遞給angularfire的auth.login函數，但它仍然會引發無效的憑據錯誤。

這裏是我的配置：

firebaseAuthConfig({ 
    provider: AuthProviders.Facebook, 
    method: AuthMethods.OAuthToken, 
    remember: "default", 
    scope: ["email"] 
}) 

這裏是我的登錄功能：

login() { 
Facebook.login(["public_profile", "email", "user_friends"]) 
    .then((success) => { 
    console.log("Facebook success: " + JSON.stringify(success)); 
    this.af.auth.login(success.authResponse.accessToken, { provider: AuthProviders.Facebook }) 
     .then((success) => { 
     console.log("Firebase success: " + JSON.stringify(success)); 
     }) 
     .catch((error) => { 
     console.log("Firebase failure: " + JSON.stringify(error)); 
     }); 
    }) 
    .catch((error) => { 
    console.log("Facebook failure: " + JSON.stringify(error)); 
    }); 
} 

這裏是我在我的console.log得到錯誤：

Facebook failure: {"code":"auth/argument-error","message":"signInWithCredential failed: First argument \"credential\" must be a valid credential."} 

有趣的是，它在Facebook層面被捕獲，而不是我爲auth.login設置的捕獲。我試圖以幾種不同的方式傳遞它，包括作爲一個對象{ token: success.authResponse.accessToken }，我現在處於虧損狀態。任何人都可以幫我看看我做錯了什麼嗎？謝謝！

此外，我不認爲這是相關的，但以防萬一它是我也收到「操作已超時錯誤」，這是沒有被捕獲，但似乎是由我的this.af.auth拋出。訂閱呼叫。該應用程序運行良好，但也許這可能是什麼使登錄失敗？

Answer 1

import {Component} from '@angular/core'; 
import {Platform, ionicBootstrap} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 
import {HomePage} from './pages/home/home'; 
import {Facebook} from 'ionic-native'; 

import { 
    FIREBASE_PROVIDERS, defaultFirebase, 
    AngularFire, firebaseAuthConfig, AuthProviders, 
    AuthMethods 
} from 'angularfire2'; 


declare let firebase: any; // <== THERE IS AN ERROR IN THE .d.ts file 

@Component({ 
    template: '<ion-nav [root]="rootPage"></ion-nav>', 
    providers: [ 
    FIREBASE_PROVIDERS, 
    // Initialize Firebase app 
    defaultFirebase({}), 
    firebaseAuthConfig({}) 
    ] 
}) 

export class MyApp { 
    rootPage: any = HomePage; 

    constructor(platform: Platform, public af: AngularFire) { 
    platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 
     StatusBar.styleDefault(); 


     Facebook.login(['email']) 
     .then((_response) => { 
      console.log(_response) 

      // IMPORTANT STEP !! 
      let creds = firebase.auth.FacebookAuthProvider.credential(_response.authResponse.accessToken) 

      this.af.auth.login(creds, 
      { 
       provider: AuthProviders.Facebook, 
       method: AuthMethods.OAuthToken, 
       remember: 'default', 
       scope: ['email'], 
      }) 
      .then((success) => { 
       console.log("Firebase success: " + JSON.stringify(success)); 
       alert(JSON.stringify(success)) 
      }) 
      .catch((error) => { 
       console.log("Firebase failure: " + JSON.stringify(error)); 
       alert(JSON.stringify(error)) 
      }); 

     }) 
     .catch((_error) => { console.log(_error) }) 
    }); 
    } 
} 

ionicBootstrap(MyApp); 

https://github.com/aaronksaunders/AngularFire2-Ionic2-Facebook