Use the Falcor Router to create a Virtual JSON resource. In this tutorial we will use Falcor’s express middleware to serve the Virtual JSON resource on an application server at the URL /model.json. We will also host a static web page on the same server which retrieves data from the Virtual JSON resource.
index.js:
// index.js var falcorExpress = require('falcor-express'); var Router = require('falcor-router'); var express = require('express'); var app = express(); app.use('/model.json', falcorExpress.dataSourceRoute(function (req, res) { // create a Virtual JSON resource with single key ("greeting") return new Router([ { // match a request for the key "greeting" route: "greeting", // respond with a PathValue with the value of "Hello World." get: function() { return {path:["greeting"], value: "Hello World"}; } } ]); })); // serve static files from current directory app.use(express.static(__dirname + '/')); var server = app.listen(3030);
index.html:
<!-- index.html --> <html> <head> <!-- Do _not_ rely on this URL in production. Use only during development. --> <script src="//netflix.github.io/falcor/build/falcor.browser.js"></script> <script> var model = new falcor.Model({source: new falcor.HttpDataSource('/model.json') }); // retrieve the "greeting" key from the root of the Virtual JSON resource model. get("greeting"). then(function(response) { document.write(response.json.greeting); }); </script> </head> <body> </body> </html>