如何显示Meteor.HTTP.Get的结果

时间:2015-03-28 22:23:35

标签: web-services meteor foursquare

修改:现在就开始了。诀窍是将HTTP.get移动到服务器端并使用simple:reactive-method包从方法中获取结果。

我可以使用一些帮助来弄清楚如何显示Meteor.HTTP.Get的结果。文档很粗略,这里没有与我的案例相关的主题。

searching Foursquare寻找当地农民和他们。你周围的市场。然后在地图中显示结果(还没有地图)。这是代码:

首页:

<template name="locator">

    <a class="button" href="{{pathFor route='locatorMap' query='group=farmers'}}">Farmers</a>
    <a class="button" href="{{pathFor route='locatorMap' query='group=markets'}}">Markets</a>

</template>

即将成为的地图页面。 已编辑:2015年3月31日

<template name="locatorMap">

    <div class="list">
        {{#each venues}}
            <p>{{name}}. {{location.lat}}, {{location.lng}}</p>
        {{/each}}
    </div>

</template>

路由(lib / router.js)

Router.route('/locator', {name: 'locator'});
Router.route('/locator/map', {name: 'locatorMap'});

帮助程序(client / locator / locator.js)。 已编辑:2015年3月31日

// A static list of venue categories
Foursquare.categoryId = { ... };

Template.locatorMap.helpers({
    venues: function() {
        var search_group = Router.current().params.query.group;
        var search_categories = Foursquare.categoryId[search_group].join(',');
        var search_location = Geolocation.latLng();

        if (search_location) {
            // using simple:reactive-method
            return ReactiveMethod.call('FoursquareSearch', search_categories, search_location);
        } else {
            throw new Meteor.Error("No Location", "Failed to get ...");
        }
    }
});

方法(server / methods / foursquare.js)。 已编辑:2015年3月31日

Meteor.methods({
    FoursquareSearch: function(categories, location) {
        check(categories, String);
        check(location, Object);

        try {
            var search_result = HTTP.call(
                'GET', 'https://api.foursquare.com/v2/venues/search?',
                {
                    timeout: 5000,
                    params: { ... }
                }
            );
            return search_result.data.response.venues;
        } catch (_error) {
            throw new Meteor.Error("No Result", "Failed to fetch ...");
        }
    }
});

我可以在控制台上看到数据。但我不知道如何将其传递给模板助手。如果你们需要更多信息,请告诉我。

感谢任何帮助。 THX!

1 个答案:

答案 0 :(得分:4)

问题实际上只是:“如何从助手调用方法?”,已回答herehere。但是,为了使这些解决方案起作用,您需要使用方法返回值而不是进行异步HTTP调用(返回undefined)。阻力最小的路径是仅在服务器上定义FoursquareSearch方法(将其放在/server目录下)并使用同步方法调用。例如:

Meteor.methods({
  FoursquareSearch: function(cat) {
    check(cat, String);

    var search_location = Geolocation.latLng();

    if (search_location) {
      try {
        // fill in the blanks here with params, timeout, etc.
        var result = HTTP.get(...);
        return result.data.response;
      } catch (_error) {
        throw new Meteor.Error("No Result", "Failed to fetch...");
      }
    }
  }
});