将 API 调用的结果发布到 Meteor 中的集合

Question

我正在尝试制作一个简单的 RSS 提要阅读器，它允许用户在搜索栏中输入网址并使用 Meteor 和 React 显示结果。在我当前的设置中，我有一个 SearchBar 组件，它带有一个调用服务器上的流星方法的函数。如何将 API 调用的返回存储在客户端集合中？我已经看到了一些使用发布和订阅来执行此操作的示例，但无法遵循。我的目标是将这些数据保存在客户端集合中，这样我就可以从任何需要它的组件中访问它，而不必通过 SearchBar 组件的 render 方法呈现后续组件。这是我目前的设置方式：

feeds.js

import { Meteor } from 'meteor/meteor';
import { HTTP } from 'meteor/http';
import parser from 'rss-parser';

if(Meteor.isServer) {
    Meteor.methods({
        getFeed(url) {
            this.unblock();
            const feed = {
                title: '',
                entries: []
            };
            try {
                console.log('trying to get url');
                const response = HTTP.get(url);
                parser.parseString(response.content, function(err, parsed) {
                  feed.title = parsed.feed.title;
                  parsed.feed.entries.forEach(function(entry) {
                    feed.entries.push(entry);
                  })
                });
                console.log(feed.title);
                return feed;
            } catch(e) {
                return false;
            }
        }
    });
}

SearchBar.js

import React, { Component } from 'react';
import { Tracker } from 'meteor/tracker';

import FeedList from './FeedList';

export default class SearchBar extends Component {
    constructor(props) {
        super(props);
        this.state = {
            results: null,
            url: ''
        }
    }

    onSubmit(e) {
        const { url } = this.state;

        e.preventDefault();

        const response = Meteor.call('getFeed', url, (err, res) => {
            if(!err) {
                this.setState({
                    results:res.entries
                });
                console.log(this.state.results);
            } else {
                console.log(err.reason);
            }
        });
    }

    onChange(e) {
        this.setState({
            url: e.target.value
        });
    }

    render() {
        return (
            <div>
                <form onSubmit={this.onSubmit.bind(this)}>
                    <input type="text" placeholder="Enter a URL" value={this.state.url} onChange={this.onChange.bind(this)}/>
                    <button type="submit">Get Feed</button>
                </form>
                {this.state.results ? <FeedList feedItems={this.state.results}/> : <p>Load a feed</p>}
            </div>
            );
    }
}

Answer 1

根本不要在服务器上获取提要。在客户端获取它，并使用定义如下的本地集合保存它：

let localCollection = new Mongo.Collection(null)

关于cmets：

一个典型的模式是让一个 cron 作业填充一个发布到客户端并在那里呈现的集合。

这将被过度设计以满足您的需求，并且通常被认为是典型的错误答案。