ember.js - EmberFire 身份验证和 ToriiFirebaseAdapter

Question

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

我以前用 ember 做过这个，但我不确定如何使用新的 torii 提供程序来做到这一点。

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

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

谢谢

Answer 1

您需要一个 Torii 适配器来实现open和fetch执行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中。

Answer 2

我建议始终查看基本适配器：

在那里你可以发现你必须覆盖的唯一方法是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;
      }
    );
  },
});