MeteorJS和AmplifyJS反应式

Question

所以我使用流星的amplifyjs包。

我对流星还是相当陌生，并且在使其成为反应性上下文方面遇到困难。

我正在使用

amplify.store( string key )

因此，当我对此进行更改或添加值时，我希望视图更新能够反映这一点。

我想我将不得不使用Meteor.deps或自动订阅，但不确定从哪里开始。 任何帮助都会很棒。

Answer 1

由于amplify是第三方程序包，因此它不使用Meteor上下文或没有内置反应性。但是您可以非常轻松地构建自己的反应性包装器。 您可以查看deps文档以了解如何使用Meteor.deps.Context和Meteor.deps._ContextSet来执行此操作：

http://docs.meteor.com/#meteor_deps

我还在这里发布了一个视频教程： http : //www.eventedmind.com/posts/reactivity-with-contexts

Answer 2

实际上，您可以做的是创建Session的“子类”，该子类在调用set（）时将值存储在Amplify的存储区中。 您将自动继承Session的所有反应式属性。 这是代码，它为我工作：

SessionAmplify = _.extend({}, Session, {
  keys: _.object(_.map(amplify.store(), function(value, key) {
    return [key, JSON.stringify(value)]
  })),
  set: function (key, value) {
    Session.set.apply(this, arguments);
    amplify.store(key, value);
  },
});

只需将所有Session.set / get调用替换为SessionAmplify.set / get调用即可。 调用set（）时，将调用父Session方法以及amplify.store（）。 首次创建“子类”时，它将在其密钥中加载amplify存储中的所有内容。

您可以在此处测试排行榜示例的有效变体： https : //github.com/sebastienbarre/meteor-leaderboard