Аутентификация 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, которая соответствует зарегистрированному пользователю.

Надеюсь, это поможет. Мы находимся в процессе добавления этого в документацию веб-сайта и попытаемся найти способ добавить это в ToriiFirebaseAdapter, поставляемый EmberFire.

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;
      }
    );
  },
});