EmberFire身份验证和ToriiFirebaseAdapter

时间:2015-08-15 10:05:28

标签: ember.js firebase firebase-authentication torii

我跟随EmberFire guide设置了torii提供程序的身份验证,它运行良好。我希望在用户通过身份验证后将用户数据存储在firebase中,并在整个应用程序中访问用户对象。

我以前用ember做了一段时间,但我不确定如何使用新的torii提供程序。

我想我应该测试用户是否已经在初始化函数中存储在firebase中,然后将用户注入控制器/路由。

任何帮助我指明正确方向的帮助都会有所帮助,或者是一些示例代码。

谢谢

2 个答案:

答案 0 :(得分:6)

您需要一个实现openfetch的Torii适配器,并为您的应用特定用户模型执行find / save。我们的 ToriiFirebaseAdapter 不执行此操作,尚未。我已经走了,为你敲了一个可以工作的人:

// app/torii-adapters/application.js

import Ember from 'ember';

export default Ember.Object.extend({
  firebase: Ember.inject.service(),
  store: Ember.inject.service(),

  /**
   * Executed after Firebase authentication.
   *
   * Find or create the user based on the Firebase `authData`
   *
   * @param  {Object} authData
   * @return {Promise<Object>} Updated session info
   */
  open(authData) {
    return this._findOrCreateUser(authData)
      .then((user) => {
        return { currentUser: user };
      });
  },

  /**
   * Fetch an existing Firebase auth session and place into `session.currentUser`
   *
   * @return {Promise<Object>} Updated session info
   */
  fetch() {
    let ref = this.get('firebase');
    let authData = ref.getAuth();

    if (!authData) {
      return Ember.RSVP.Promise.reject(new Error('No Firebase session found'));
    }

    return this._findOrCreateUser(authData)
      .then((user) => {
        return { currentUser: user };
      });
  },

  /**
   * Teardown a session. Remove the `session.currentUser`.
   *
   * @return {Promise<Object>} Updated session info
   */
  close() {
    this.get('firebase').unauth();
    return Ember.RSVP.Promise.resolve({ currentUser: null });
  },

  /**
   * Find the user with the given `authData`, create if not found
   *
   * @param  {Object} authData
   * @return {Promise<Object>} The user
   */
  _findOrCreateUser(authData) {
    let store = this.get('store');

    return store.find('user', authData.uid)
      .catch(() => {
        let newUser = store.createRecord('user', this.extractUserProperties(authData));

        return newUser.save();
      });
  },

  /**
   * Extract the user properties from `authData` that you care about.
   *
   * @param  {Object} authData
   * @return {Object} An updated property hash
   */
  extractUserProperties(authData) {
    var name = 'Unknown';
    var provider = authData.provider;
    var userData = authData[provider];

    if (userData.displayName) {
      name = userData.displayName;
    } else if (userData.username) {
      name = userData.username;
    }

    return {
      id: authData.uid,
      name: name,
      email: userData.email || null
    };
  }
});

您需要做的就是更新extractUserProperties方法,将您关注的属性放到用户模型的正确位置 - 每个人都以不同方式实现用户模型。

现在您应该能够查找session.currentUser,它将返回与登录用户对应的Ember Data模型。

希望有所帮助。我们正在将此添加到网站文档中,并将尝试找到一种方法将其推送到提供的EmberFire ToriiFirebaseAdapter

答案 1 :(得分:1)

我建议您始终查看base adapter

在那里你可以发现,你必须覆盖的唯一方法是open

我的解决方案并不完美,你仍然可以看一下(它适用于谷歌oauth)。

import Ember from 'ember';
import ToriiFirebaseAdapter from 'emberfire/torii-adapters/firebase';

export default ToriiFirebaseAdapter.extend({
  firebase: Ember.inject.service(),
  store: Ember.inject.service(),

  open(authentication) {
    return this._findOrCreateUser(authentication.uid, authentication[authentication.provider])
      .then(user => Ember.RSVP.resolve({
        provider: authentication.provider,
        uid: authentication.uid,
        currentUser: user
      }));
  },

  _findOrCreateUser(uid, userData) {
    let store = this.get('store');
    return store.findRecord('user', uid).then(
      function (user) {
        user.set('name', userData.displayName);
        user.set('imageUrl', userData.profileImageURL);
        user.save();
        return user;
      },
      function () {
        let user = store.createRecord('user', {
          id: uid,
          name: userData.displayName,
          imageUrl: userData.profileImageURL
        });
        user.save();
        return user;
      }
    );
  },
});