Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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

This comment has been minimized.

Show comment
Hide comment
@nachiket-p

nachiket-p Jun 13, 2012

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
Owner

nachiket-p commented Jun 13, 2012

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

This comment has been minimized.

Show comment
Hide comment
@KrishnaPG

KrishnaPG May 12, 2015

Thanks for sharing. It is helpful

Thanks for sharing. It is helpful

@luckyyang

This comment has been minimized.

Show comment
Hide comment
@luckyyang

luckyyang Jun 30, 2015

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

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

@ssoulless

This comment has been minimized.

Show comment
Hide comment

Thanks @luckyyang

@guerillagorilla

This comment has been minimized.

Show comment
Hide comment
@guerillagorilla

guerillagorilla Apr 16, 2018

Thanks for sharing this!

Thanks for sharing this!

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