EmberFire 身份验证和 ToriiFirebaseAdapter

EmberFire Authentication and ToriiFirebaseAdapter

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

我以前用 ember 做过这件事,但我不确定如何使用新的 torii 提供商来做。

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

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

谢谢

您需要一个 Torii 适配器来实现 openfetch,并对您的应用特定用户模型执行 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,它将 return 一个 Ember 对应于登录用户的数据模型。

希望对您有所帮助。我们正在将其添加到网站文档中,并将尝试找到一种方法将其纳入 EmberFire supplied ToriiFirebaseAdapter.

我建议经常查看 base adapter:

在那里你会发现你唯一需要覆盖的方法是open

我的解决方案并不完美,您也可以看看这个(它与 google 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;
      }
    );
  },
});