blocks|key|2653143|text|这个指南应该会有所帮助：Publications+and+Data+Loading。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2653144|基本上，您需要了解Meteor的low-level+API是如何工作的，以便您知道如何将您想要的任何数据集发布到客户端Mongo集合。此外，为了发布来自其他API端点的数据，本指南的this+part展示了一个非常清晰的示例。|2653145|至于在客户端订阅这种自定义发布，就像订阅典型的MongoDB类型发布一样简单。请注意，正如我在上面提到的，不同之处在于，您是在向Client-side+collection发布/从a订阅。|2653146|下面是我自己写的一个简单的例子。我不太了解React，但客户端代码主要基于Meteor的教程：|2653147|2653148|Collections|unordered-list-item|2653149|Publish+and+subscribe|2653150|2653151|2653152|/*+client+side+*/
import+React,+{+Component+}+from+'react';
import+{+withTracker+}+from+'meteor/react-meteor-data';
import+{+Meteor+}+from+'meteor/meteor';+
import+{+Mongo+}+from+'meteor/mongo';

const+Foo+=+new+Mongo.Collection('Foo');

class+App+extends+Component+{
++renderFoo()+{
++++return+this.props.foos.map((foo)+=>+(
++++++<Foo+key={foo._id}+foo={foo}+/>
++++));
++}
}

export+default+withTracker(()+=>+{
++Meteor.subscribe('publishFromAnApi',+...args);
++return+{
++++foos:+Foo.find().fetch(),
++};
})(App);


/*+server+side+*/
import+{+Meteor+}+from+'meteor/meteor';
import+{+HTTP+}+from+'meteor/http';

Meteor.publish('publishFromAnApi',+function+publishFromAnApi(...args)+{++//+must+use+a+function+instead+of+an+arrow+function+here+for+the+sake+of+`this`
++const+publishedKey+=+{};
++const+collectionName+=+'Foo';+//+same+name+of+the+client+side+collection+mentioned+in+line+6

++const+poll+=+()+=>+{
++++const+{+data+}+=+HTTP.get('/some/api/route',+{+...someArgsToRequest+});
++++for+(let+i+=+0;+i+<+data.responseFromAPI;+i+%2B=+1)+{+//+just+a+random+example+here,+assuming+responseFromAPI+is+an+array
++++++const+document+=+data.responseFromAPI[i];
++++++const+id+=+<the+id+of+the+document;+normally+is+in+Mongo.ObjectID+type>;

++++++//+some+logics+might+be+going+on...

++++++if+(!publishedKey[id])+{
++++++++this.added(collectionName,+id,+document);
++++++++publishedKey[id]+=+true;
++++++}+else+{
++++++++this.changed(collectionName,+id,+document);
++++++}
++++}
++};

++poll();
++this.ready();

++const+interval+=+Meteor.setInterval(poll,+<poll+interval>);

++this.onStop(()+=>+{
++++Meteor.clearInterval(interval);
++});
});|code-block|syntax|javascript|2653153|meteor|2653154|entityMap|0|LINK|mutability|MUTABLE|url|https://guide.meteor.com/data-loading.html|1|https://guide.meteor.com/data-loading.html#custom-publication|2|https://guide.meteor.com/data-loading.html#loading-from-rest|3|https://guide.meteor.com/collections.html#client-collections|4|https://www.meteor.com/tutorials/react/collections|5|https://www.meteor.com/tutorials/react/publish-and-subscribe|6|/questions/tagged/meteor^0|C|T|0|0|G|D|1|2J|9|2|0|1S|M|3|0|0|0|0|B|4|0|0|L|5|0|0|0|0|0|6|6|0^^$0|@$1|2|3|4|5|6|7|1I|8|@]|9|@$A|1J|B|1K|1|1L]]|C|$]]|$1|D|3|E|5|6|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]|$A|1Q|B|1R|1|1S]]|C|$]]|$1|F|3|G|5|6|7|1T|8|@]|9|@$A|1U|B|1V|1|1W]]|C|$]]|$1|H|3|I|5|6|7|1X|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|K|3|L|5|M|7|1Z|8|@]|9|@$A|20|B|21|1|22]]|C|$]]|$1|N|3|O|5|M|7|23|8|@]|9|@$A|24|B|25|1|26]]|C|$]]|$1|P|3|-4|5|6|7|27|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|28|8|@]|9|@]|C|$]]|$1|R|3|S|5|T|7|29|8|@]|9|@]|C|$U|V]]|$1|W|3|X|5|6|7|2A|8|@]|9|@$A|2B|B|2C|1|2D]]|C|$]]|$1|Y|3|-4|5|6|7|2E|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|11|12|13|C|$14|17]]|18|$5|11|12|13|C|$14|19]]|1A|$5|11|12|13|C|$14|1B]]|1C|$5|11|12|13|C|$14|1D]]|1E|$5|11|12|13|C|$14|1F]]|1G|$5|11|12|13|C|$14|1H]]]]

This guide should help: <a href="https://guide.meteor.com/data-loading.html" rel="nofollow noreferrer">Publications and Data Loading</a>.

Basically, you need to understand how Meteor's <a href="https://guide.meteor.com/data-loading.html#custom-publication" rel="nofollow noreferrer">low-level API</a> works so that you know how to publish any data set you want to a client-side Mongo collection. Also, to publish data from other API endpoints, <a href="https://guide.meteor.com/data-loading.html#loading-from-rest" rel="nofollow noreferrer">this part</a> of the guide shows a pretty clear example.

As for subscribing this kind of customized publication on the client side, it's just as simple as how you subscribe from typical MongoDB type publication. Note that the difference is, as I mentioned above, you are publishing to/subscribing from a <a href="https://guide.meteor.com/collections.html#client-collections" rel="nofollow noreferrer">Client-side collection</a>.

Below is a simple example I wrote by myself. I don't really know about React, but the client code is mostly based on Meteor's tutorials:

<ul>
<li><a href="https://www.meteor.com/tutorials/react/collections" rel="nofollow noreferrer">Collections</a></li>
<li><a href="https://www.meteor.com/tutorials/react/publish-and-subscribe" rel="nofollow noreferrer">Publish and subscribe</a></li>
</ul>

<hr>



<pre class="lang-js prettyprint-override"><code>/* client side */
import React, { Component } from 'react';
import { withTracker } from 'meteor/react-meteor-data';
import { Meteor } from 'meteor/meteor'; 
import { Mongo } from 'meteor/mongo';

const Foo = new Mongo.Collection('Foo');

class App extends Component {
 renderFoo() {
 return this.props.foos.map((foo) =&gt; (
 &lt;Foo key={foo._id} foo={foo} /&gt;
 ));
 }
}

export default withTracker(() =&gt; {
 Meteor.subscribe('publishFromAnApi', ...args);
 return {
 foos: Foo.find().fetch(),
 };
})(App);


/* server side */
import { Meteor } from 'meteor/meteor';
import { HTTP } from 'meteor/http';

Meteor.publish('publishFromAnApi', function publishFromAnApi(...args) { // must use a function instead of an arrow function here for the sake of `this`
 const publishedKey = {};
 const collectionName = 'Foo'; // same name of the client side collection mentioned in line 6

 const poll = () =&gt; {
 const { data } = HTTP.get('/some/api/route', { ...someArgsToRequest });
 for (let i = 0; i &lt; data.responseFromAPI; i += 1) { // just a random example here, assuming responseFromAPI is an array
 const document = data.responseFromAPI[i];
 const id = &lt;the id of the document; normally is in Mongo.ObjectID type&gt;;

 // some logics might be going on...

 if (!publishedKey[id]) {
 this.added(collectionName, id, document);
 publishedKey[id] = true;
 } else {
 this.changed(collectionName, id, document);
 }
 }
 };

 poll();
 this.ready();

 const interval = Meteor.setInterval(poll, &lt;poll interval&gt;);

 this.onStop(() =&gt; {
 Meteor.clearInterval(interval);
 });
});
</code></pre>

<a href="/questions/tagged/meteor" class="post-tag" title="show questions tagged &#39;meteor&#39;" rel="tag">meteor</a>

What's the process to have a Meteor.publish setup that performs some asynchronous request (e.g. an API) and then returns data which you want to display in a React component? How does the publish work and how does the client side code access this? I want to do this with the withTracker function if possible. Thanks!

How do you publish and subscribe to data that's not Mongo db?

MongoDB

让Meteor.publish安装程序执行一些异步请求(例如应用程序接口)，然后返回您想要在React组件中显示的数据，这是一个什么样的过程？发布是如何工作的，客户端代码如何访问它？如果可能的话，我想用withTracker函数来做这件事。谢谢!

问如何发布和订阅非Mongo db的数据？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何发布和订阅非Mongo db的数据？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何发布和订阅非Mongo db的数据？
EN