多端数据实时同步,LiveQuery 轻松搞定

栏目: Html5 · 发布时间: 7年前

内容简介:多端数据实时同步,LiveQuery 轻松搞定

LiveQuery,这个众盼已久的神奇功能终于来了!简单来说,它会在云端数据发生变化时马上通知所有客户端来同步数据,从而改变了以往只能由客户端按需向云端请求或通过定时轮询来刷新数据的单向模式。这种可实时观察数据变化的特性,对于游戏、多端同步或消息系统会非常有用。

多端数据实时同步,LiveQuery 轻松搞定

从名字上看,大家不难猜出 LiveQuery 跟 LeanCloud 的数据查询 Query 会有一些渊源。的确如此。LiveQuery 在 Query 之上增加了简明的 API 接口,开发者还是像往常那样先构造一个 Query,写好查询条件,然后订阅(subscribe)这个查询即可。这样当云端数据改变时,如果这些更改与 LiveQuery 所指定的查询条件相匹配,那么 LiveQuery 就会发布这些更改,通知客户端来处理。

目前,Android SDK v4.2.0、JavaScript SDK v3.0.0 和 iOS SDK v5.0.0 已支持 LiveQuery。

下面用 JavaScript 简要演示一下 LiveQuery 的用法。

首先,创建一个对英语书籍的查询:

var query = new AV.Query('Book');
query.equalTo('language', 'english');

订阅 query 以获取一个 LiveQuery 对象 liveQuery,令其监听 create 事件:

query.subscribe().then(function(liveQuery) {
  liveQuery.on('create', function(newBook) {
    console.log(newBook.get('title'));
  });
});

接着,如果有人创建了一个新的 Book 对象,其数据如下:

{
    'className': 'Book',
    'title':     'Teach Yourself English in 21 Days',
    'language':  ['english']
}

由于 LiveQuery 能匹配这个对象,它将捕捉到一个 create 事件,注册的回调将被调用,并打印出这本书的标题。

LiveQuery 支持 create、update、delete、enter、leave、login 等事件,具体说明请阅读LiveQuery 开发指南 。

我们也准备好了微信小程序与网页应用,让大家快速体验到手机与网页即时同步数据的效果。

  1. 首先打开微信扫码,添加小程序「LeanTodo」。
    多端数据实时同步,LiveQuery 轻松搞定
  2. 进入 LeanTodo,点击首页左下角「设置」,然后选择「账户设置」,更新为便于记忆的用户名和密码。
  3. 访问 https://leancloud.github.io/leantodo-vue/,输入刚刚在小程序中更新好的账户信息,点击「Login」。
  4. 随意添加更改数据,查看同步状态。

欢迎大家免费试用 LiveQuery,并通过 GitHub 或 support@leancloud.rocks 提交反馈与疑问。


以上所述就是小编给大家介绍的《多端数据实时同步,LiveQuery 轻松搞定》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

你必须知道的213个C语言问题

你必须知道的213个C语言问题

范立锋、李世欣 / 人民邮电出版社 / 2010-6 / 45.00元

《你必须知道的213个C语言问题》精选了213个在C语言程序设计中经常遇到的问题,目的是帮助读者解决在C语言学习和开发中遇到的实际困难,提高读者学习和开发的效率。这些问题涵盖了C语言与软件开发、C语言基础、编译预处理、字符串、函数、键盘操作、文件、目录和磁盘、数组、指针和结构、DOS服务和BIOS服务、日期和时间、重定向I/O和进程命令、C语言开发常见错误及程序调试等内容,均是作者经过充分的调研,......一起来看看 《你必须知道的213个C语言问题》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具