获取两个版本的 ember-simple-auth 一起玩得很好

Question

我们正在使用两个 ember 应用程序，每个应用程序都运行不同版本的 ember 和 ember-simple-auth，并且希望 ember-simple-auth 能够很好地与这两个版本一起使用。

旧版应用

• Ember 1.8.1
• Ember-simple-auth 0.7.3

新应用

• 灰烬 2.3.1
• Ember-simple-auth 1.0.1
• 使用 cookie 会话存储

我们尝试更改旧版本的会话 API，以便它正确存储访问和刷新令牌，以便新应用可以使用它。

到目前为止，我们已经尝试覆盖 setup 和 updateStore 方法来处理 authenticated 嵌套对象，但仍然遇到问题。

Answer 1

免责声明 - Patrick Berkeley 和我一起工作。在发布这个我想我会分享的问题后，我们找到了一个解决方案。

为了让 0.7.3 版本的 ember-simple-auth 的 cookie 存储与 1.0.0 版本很好地配合，我们确实必须在几个早期版本的应用程序中规范 cookie 的格式关键位置，主要围绕session 对象（the 0.7.3 session 是一个 ObjectProxy，可以在消费应用程序中扩展以创建您自己的自定义会话）。

我们需要重写的方法，集中在传递给 cookie 存储以保持持久化的数据结构以及恢复会话时返回的内容。关键区别在于版本 0.7.3，access_token 等存储在会话的 content 对象属性的顶层。使用 1.0.0。 this 嵌套在 content 内的另一个对象中，其属性名称为authenticated。因此，我们需要确保在我们假设在顶层设置或获取 access_token 的任何地方，我们都应该更深地检索一个级别。考虑到这一点，我们想出了在我们的自定义 session 对象中覆盖这些方法：

// alias access_token to point to new place
access_token: Ember.computed.alias('content.authenticated.access_token'),

// overridden methods to handle v2 cookie structure
restore: function() {
  return new Ember.RSVP.Promise((resolve, reject) => {
    const restoredContent = this.store.restore();
    const authenticator   = restoredContent.authenticated.authenticator;

    if (!!authenticator) {
      delete restoredContent.authenticated.authenticator;
      this.container.lookup(authenticator).restore(restoredContent.authenticated).then(function(content) {
        this.setup(authenticator, content);
        resolve();
      }, () => {
        this.store.clear();
        reject();
      });
    } else {
      this.store.clear();
      reject();
    }
  });
},

updateStore: function() {
  let data = this.content;
  if (!Ember.isEmpty(this.authenticator)) {
    Ember.set(data, 'authenticated', Ember.merge({ authenticator: this.authenticator }, data.authenticated || {}));
  }

  if (!Ember.isEmpty(data)) {
    this.store.persist(data);
  }
},

setup(authenticator, authenticatedContent, trigger) {
  trigger = !!trigger && !this.get('isAuthenticated');

  this.beginPropertyChanges();
  this.setProperties({
    isAuthenticated: true,
    authenticator
  });
  Ember.set(this, 'content.authenticated', authenticatedContent);
  this.bindToAuthenticatorEvents();
  this.updateStore();
  this.endPropertyChanges();

  if (trigger) {
    this.trigger('sessionAuthenticationSucceeded');
  }
},

clear: function(trigger) {
  trigger = !!trigger && this.get('isAuthenticated');

  this.beginPropertyChanges();
  this.setProperties({
    isAuthenticated: false,
    authenticator:   null
  });
  Ember.set(this.content, 'authenticated', {});
  this.store.clear();
  this.endPropertyChanges();

  if (trigger) {
    this.trigger('sessionInvalidationSucceeded');
  }
},

bindToStoreEvents: function() {
  this.store.on('sessionDataUpdated', (content) => {
    const authenticator = content.authenticated.authenticator;

    this.set('content', content);

    if (!!authenticator) {
      delete content.authenticated.authenticator;
      this.container.lookup(authenticator).restore(content.authenticated).then((content) => {
        this.setup(authenticator, content, true);
      }, () => {
        this.clear(true);
      });
    } else {
      this.clear(true);
    }
  });
}.observes('store'),

我们走了大部分路。我们只需要确保我们使用的身份验证器名称与 1.0.0 上的名称匹配。我们需要通过初始化程序将身份验证器重命名为 'authenticator:oauth2'，而不是 'simple-auth-authenticator:oauth2-password-grant'。这确保了具有较新版本的应用程序能够在 cookie 会话数据更改时处理正确的身份验证器事件。初始化逻辑很简单：

import OAuth2 from 'simple-auth-oauth2/authenticators/oauth2';

export default {
  name:   'oauth2',
  before: 'simple-auth',

  initialize: function(container) {
    container.register('authenticator:oauth2', OAuth2);
  }
};

以上内容满足了我们的需求——我们可以使用 ember-simple-auth 0.7.3 登录应用程序，并正确存储和格式化 cookie 会话，以便由 ember-simple-auth 1.0.0 上的另一个应用程序处理。

理想情况下，我们只需要更新应用程序的 Ember 和 Ember Simple Auth 版本，尽管业务需求以及我们希望将精力集中在 v2 版本（它们是全新的代码库）这一事实促使我们去沿着这条路走下去。