Create a gist now

Instantly share code, notes, and snippets.

Meteor: Make HTTP calls to remote services (http://www.jumpbyte.com/2012/meteor-make-ht…remote-service/)
if (Meteor.is_client) {
var userName = "PatelNachiket";
Template.hello.greeting = function () {
return "Fetch recent tweets from Twitter stream of user : " ;
};
Template.hello.events = {
'click #fetchButton' : function () {
console.log("Recent tweets from stream!");
$('#fetchButton').attr('disabled','true').val('loading...');
userName = $('#userName').val();
Meteor.call('fetchFromService', userName, function(err, respJson) {
if(err) {
window.alert("Error: " + err.reason);
console.log("error occured on receiving data on server. ", err );
} else {
console.log("respJson: ", respJson);
//window.alert(respJson.length + ' tweets received.');
Session.set("recentTweets",respJson);
}
$('#fetchButton').removeAttr('disabled').val('Fetch');
});
}
};
Template.hello.recentTweets = function() {
return Session.get("recentTweets") || [];
}
Template.hello.userName = function() {
return userName;
}
}
if (Meteor.is_server) {
Meteor.methods({
fetchFromService: function(userName) {
var url = "https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=true&screen_name="+userName+"&count=10";
//synchronous GET
var result = Meteor.http.get(url, {timeout:30000});
if(result.statusCode==200) {
var respJson = JSON.parse(result.content);
console.log("response received.");
return respJson;
} else {
console.log("Response issue: ", result.statusCode);
var errorJson = JSON.parse(result.content);
throw new Meteor.Error(result.statusCode, errorJson.error);
}
}
});
}
<head>
<title>Meteor - twitter public timeline demo</title>
</head>
<body>
{{> hello}}
</body>
<template name="hello">
<h3>Meteor: calling 3rd party service</h3>
{{greeting}} <input type="text" id="userName" value="{{userName}}"></input>
<input type="button" value="Fetch" id="fetchButton" />
<ul>
{{#each recentTweets}}
<li>{{text}}</li>
{{/each}}
</ul>
</template>
@nachiket-p
Owner

Blog about this gist: http://www.jumpbyte.com/2012/meteor-make-ht…remote-service/
live demo: http://remoteservice.meteor.com
Steps to run this sample code
1. Install Meteor
2. Create a new meteor project by meteor create
3. replace app.js file
4. add home_tpl.html and remove auto created .html file

@KrishnaPG

Thanks for sharing. It is helpful

@luckyyang

seems Meteor.http is deprecated, you can use meteor add http package to HTTP.get

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment