Angularjs 在Cordova应用程序中使用FirebaseUI Facebook身份验证时出错

我正在尝试在Cordova/PhoneGap应用程序中通过FirebaseUI设置Facebook和Google身份验证，当单击“使用X登录”按钮时，我收到一个错误。错误说明如下：

拒绝在>帧中显示“…”—————————————————————————————————————————————————————————————————————————————————————————————————————————————

经过一点研究，我了解到X-Frame选项是由提供商设置的，我无法更改它。我已经仔细研究了如何解决这个问题，但答案要么不能解决问题，要么超出了我的理解范围。任何解释都将不胜感激

我的代码如下：

登录控制器：

app.controller("loginCtrl", function ($scope, $state, $rootScope, $firebaseAuth, $location) {

// Firebase config.
var config = {
    apiKey: "",
    authDomain: "",
};

// FirebaseUI config.
var uiConfig = {
    'queryParameterForWidgetMode': 'mode',
    'signInSuccessUrl': '/home',
    'signInOptions': [
        firebase.auth.FacebookAuthProvider.PROVIDER_ID,
        firebase.auth.GoogleAuthProvider.PROVIDER_ID
    ],
    // Terms of service url.
    //'tosUrl': '<your-tos-url>',
    'callbacks': {
        'signInSuccess': function (currentUser, credential, redirectUrl) {
            // Do something.
            // Return type determines whether we continue the redirect automatically
            // or whether we leave that to developer to handle.
            console.log('success');
            return true;
        }
    }
};

// Initialize the FirebaseUI Widget using Firebase.
var app = firebase.initializeApp(config);
var auth = app.auth();
var ui = new firebaseui.auth.AuthUI(auth);
// The start method will wait until the DOM is loaded.
ui.start('#firebaseui-auth-container', uiConfig);
});

app.controller（“loginCtrl”、函数（$scope、$state、$rootScope、$firebaseAuth、$location）{
//Firebase配置。
变量配置={
apiKey:“，
authDomain:“”，
};
//FirebaseUI配置。
变量uiConfig={
'queryParameterForWidgetMode'：'mode'，
“SigninsAccessUrl”：“/home”，
“签名”：[
firebase.auth.FacebookAuthProvider.PROVIDER\u ID，
firebase.auth.GoogleAuthProvider.PROVIDER\u ID
],
//服务条款url。
//“tosUrl”：“，
“回调”：{
“SignInsAccess”：函数（当前用户、凭据、重定向URL）{
//做点什么。
//返回类型决定是否自动继续重定向
//或者我们是否让开发人员来处理。
console.log（'success'）；
返回true；
}
}
};
//使用Firebase初始化FirebaseUI小部件。
var app=firebase.initializeApp（配置）；
var auth=app.auth（）；
var ui=新的firebaseui.auth.AuthUI（auth）；
//start方法将等待DOM加载。
ui.start（'#firebaseui auth container'，uiConfig）；
});

login.html

<ion-view title="Sign In">
<ion-content>
    <div>

        <center>
            <br />
            <h1>Sign In</h1>
        </center>

        <div id="firebaseui-auth-container"></div>
    </div>
</ion-content>

<!-- FirebaseUI for Facebook Auth -->
<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/ui/0.4.0/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/0.4.0/firebase-ui-auth.css" />

登录

相关索引.html

<ion-view title="Sign In">
<ion-content>
    <div>

        <center>
            <br />
            <h1>Sign In</h1>
        </center>

        <div id="firebaseui-auth-container"></div>
    </div>
</ion-content>

<!-- FirebaseUI for Facebook Auth -->
<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/ui/0.4.0/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/0.4.0/firebase-ui-auth.css" />

谢谢

---

Sam

我还试图在我的Cordova/PhoneGap应用程序中通过FirebaseUI设置Facebook和Google身份验证。然而，在阅读文档时，我发现了以下内容：

FirebaseUI完全支持所有最新浏览器。使用登录 联合提供商（谷歌、Facebook、Twitter、Github）尚未成立 在非浏览器环境（Cordova、React Native、， 离子…）或铬延伸

---

因此，不幸的是，似乎还不支持在Cordova应用程序中使用FirebaseUI。

我还试图在Cordova/PhoneGap应用程序中通过FirebaseUI设置Facebook和Google身份验证。然而，在阅读文档时，我发现了以下内容：

FirebaseUI完全支持所有最新浏览器。使用登录 联合提供商（谷歌、Facebook、Twitter、Github）尚未成立 在非浏览器环境（Cordova、React Native、， 离子…）或铬延伸

因此，不幸的是，似乎还不支持将FirebaseUI与Cordova应用程序一起使用