A Style Guide Generator - using NodeJS and PhantomJS a command line webkit browser. See it live at http://stylifyme.com
This repo only contains the web service. We host our app on Heroku using the multi buildpack.
- Make sure you have NodeJS installed and running
- Download PhantomJS and copy it to REPOFOLDER/vendor/phantomjs/bin/phantomjs or update the path in app.js
var config = {
binPath : "vendor/phantomjs/bin/phantomjs"
....
};
- Update the referer url check in "app.js" with the url of your frontend (local and production):
isRefererValid : function(referer){
var validRefs = ["http://stylifyme.com", "http://www.stylifyme.com", "http://stylify.herokuapp.com", "http://localhost:9185", "http://localhost:" + app.get('port')]
,isvalid = false;
.....
}
- Start the nodeJs app with node app.js
- Query http://localhost:5000/query?url=http%3A%2F%2Fgoogle.com (assuming you run your app on port 5000) and you should be able to see a JSON response
This repo only contains the web service, you can query it from the front end like this:
var urlToQuery = encodeURIComponent("http://google.com");
$.ajax({
dataType: "jsonp",
url: "http://youreServiceUrl.com/query?url="+ urlToQuery,
success: function(data){
if(data["error"]){
alert("Error: " + data["error"]);
return;
}
//PROCESS the result
},
timeout : 10000
}).fail(function(){
alert("Could not query site, the service might be down, please try again later.");
});