Question

我一直关注此tutorial在我的Ember CLI + EmberFire + Firebase应用上设置Facebook身份验证。

但是，单击登录按钮时没有任何反应。它甚至没有给我一个错误信息。

我正在使用application.hbs模板登录我的按钮：

<p class="lead button">  
  <button {{action "login"}} class="btn btn-default">
    {{fa-icon "facebook"}}
      Sign in with Facebook
  </button>
</p>

然后我在我的控制器文件夹中创建了application.js以将登录操作放在那里：

import Ember from 'ember';
import Firebase from 'firebase';

var ref = new Firebase("https://nutella.firebaseio.com");

export default Ember.Controller.extend({
    actions: {
        login: function() {
                var controller = this;
                controller.get("session").login().then(function(user) {

                }, function() {

                });
        }
    }
});

然后我在initializer / emberfire.js中有登录对象：

import Ember from 'ember';


var session = Ember.Object.extend({
    ref : new Firebase("https://nutella.firebaseio.com"),

    addFirebaseCallback: function() {
        var session = this;

        this.get("ref").onAuth(function(authData) {
            if (authData) {
                session.set("isAuthenticated", true);
            } else {
                session.set("isAuthenticated", false);
            }
        });
    }.on("init"),

    login: function() {
        return new Promise(function(resolve, reject) {
            this.get("ref").authWithOAuthPopup("facebook", function(error, user) {
                if (user) {
                    resolve(user);
                } else {
                    reject(error);
                }
            });
        });
    },

    currentUser: function() {
        return this.get("ref").getAuth();
    }.property("isAuthenticated")
});


export default {
    name: "Session",

    initialize: function (container, app) {
        app.register("session:main", session);
        app.inject("controller", "session", "session:main");
        app.inject("route", "session", "session:main");
    }
};

可能出现什么问题？

Answer 1

您对BeanSerializerModifier的使用无效，因为使用this时上下文已更改。将您的登录功能更改为：

Promise()

或者，您可以使用ES6箭头函数语法（login: function() { var _this = this; // cache for usage in Promise return new Promise(function(resolve, reject) { _this.get("ref").authWithOAuthPopup("facebook", function(error, user) { if (user) { resolve(user); } else { reject(error); } }); }); },），因此=>的使用将保持有效：

this

您可以在此处详细了解箭头功能：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

EmberFire facebook身份验证：authwithOAuthPopup没有任何反应

1 个答案: