Аутентификация EmberFire и ToriiFirebaseAdapter


Я следовал руководству EmberFire по настройке аутентификации с поставщиком torii, и это работает отлично. Я хочу сохранить данные пользователей в firebase после аутентификации пользователя и получить доступ к объекту пользователя во всем приложении.

Я уже делал это с ember некоторое время назад, но я не уверен, как это сделать с помощью нового поставщика torii.

Я думаю, что должен проверить, хранится ли пользователь уже в firebase в функция инициализатора, а затем ввести пользователя в контроллеры / маршруты.

Любая помощь, указывающая мне правильное направление, была бы полезна или какой-то пример кода.

Спасибо

2   2   2015-08-15 13:05:28

2 ответа:

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

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

Я бы рекомендовал всегда смотреть на базовый адаптер:

Там вы можете обнаружить, что единственный метод, который вам нужно перезаписать, - это 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;
      }
    );
  },
});