使用 Netflix Falcor 获取 JSON 数据

  • Abel Avram
  • 金灵杰

2015 年 8 月 25 日

话题:开源JavaScript语言 & 开发

Netflix 开源了 JavaScript 库Falcor,它为从多个来源获取 JSON 数据提供了模型和异步机制。

Netflix 利用 Falcor 库实现通过 JSON 数据填充他们网页应用的用户界面。所有来自内存缓存或者多个数据库的后端数据,都通过一个虚拟 JSON 对象进行建模。这个 JSON 对象被称为“虚拟”,是因为从客户端的视角来看,这些数据来自内存,而事实上这些数据可能来自本地或者远程数据库。

数据通过JSON 图提供,可以通过使用DataSource接口提供的 get、set 和 call 这几个异步方法操作。客户端能够通过类似直接访问 JSON 数据的方式,通过使用 JavaScript 路径的方式来遍历 JSON 图。为了便于演示,我们使用这个最小 JSON 对象:

{
  "greeting": "Hello World"
}

如果这个 JSON 对象存储在 model.json 文件中,那么访问这个对象可以这样做:

<script src="https://netflix.github.io/falcor/build/falcor.browser.js"></script> 
<script> 
  var model = new falcor.Model({source: new falcor.HttpDataSource('/model.json') }); 
  // 从虚拟 JSON 资源的根节点获取“greeting”键的值 
  model. 
    get("greeting"). 
    then(function(response) { 
      document.write(response.json.greeting); 
    }); 
</script>

Falcor 包含一个路由,它隐藏了实际数据存储,指示调用负责获取数据的相应后端服务。另外,当数据获取回来后会被缓存起来,以避免后续对数据库的访问。Falcor 也能够批处理多个请求,将它们合并成一个网络请求,如果当前已经有一个数据库请求,Falcor 也不会重复请求。

Netflix 已经将Falcor 开放到 GitHub 上,请求社区来帮助查找和修复缺陷,并与各种 MVC 框架进行集成。

查看英文原文Getting JSON Data with Netflix Falcor


感谢邵思华对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们,并与我们的编辑和其他读者朋友交流(欢迎加入 InfoQ 读者交流群)。

开源JavaScript语言 & 开发