修改:现在就开始了。诀窍是将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!
答案 0 :(得分:4)
问题实际上只是:“如何从助手调用方法?”,已回答here和here。但是,为了使这些解决方案起作用,您需要使用方法返回值而不是进行异步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...");
}
}
}
});