將Ionic 2 Nativ Facebook與Firebase連接的最佳方法

Question

目前，iam在我的ionic 2應用中實現了登錄功能。

我想使用ionic 2本機Facebook，並以某種方式將數據保存到我的Firebase應用程序。

有什么辦法可以存檔嗎？

一種方法是使用Facebook電子郵件地址和一些密碼哈希創建一個新的firebase auth用戶，但是也許有更好的解決方案。

這是我到目前為止所得到的（我知道，不多）:)

import {NavController, Loading, Platform, Storage, LocalStorage} from "ionic-angular";
import {OnInit, Inject, Component} from "@angular/core";

import {ForgotPasswordPage} from "../forgot-password/forgot-password";
import {SignUpPage} from "../sign-up/sign-up";
import {HomePage} from "../../home/home";
import * as firebase from 'firebase';
import {Facebook} from 'ionic-native';

/*
 Generated class for the LoginPage page.

 See http://ionicframework.com/docs/v2/components/#navigation for more info on
 Ionic pages and navigation.
 */
@Component({
    templateUrl: 'build/pages/auth/login/login.html',
})
export class LoginPage {
    private local: any;

    constructor(private navCtrl: NavController, private platform:Platform) {
        this.local = new Storage(LocalStorage);
    }



openForgotPasswordPage():void {
     this.navCtrl.push(ForgotPasswordPage);
}

openSignUpPage():void {
    this.navCtrl.push(SignUpPage);
}

login() {
    firebase.auth().signInWithEmailAndPassword("test@test.com", "correcthorsebatterystaple").then(function (result) {
        console.log("AUTH OK "+ result);
    }, function (error) {
        console.log("dawdaw");
    });
}

facebookLogin() {
    Facebook.login(['public_profile', 'user_birthday']).then(() => {
        this.local.set('logged', true);
        this.navCtrl.setRoot(HomePage);
    }, (...args) => {
        console.log(args);
    })
} }

Answer 1

facebookLogin() {
  Facebook.login(['public_profile', 'user_birthday']).then((result) => {
    var creds = firebase.auth.FacebookAuthProvider.credential(result.access_token);
    return firebase.auth().signInWithCredential(creds);
  })
  .then((_user) => {
    console.log("_user:", _user);
  })
  .catch((_error) => {
    console.error("Error:", _error);
  });
}

在此處查看更多信息-https: //firebase.google.com/docs/auth/web/facebook-login#advanced-handle-the-sign-in-flow-manually

Answer 2

我沒有嘗試過，所以可能無法100％正常工作，但是嘗試一下我發現的Gist： https : //gist.github.com/katowulf/de9ef6b04552091864fb807092764224