基于野狗实时数据库搭建网页弹幕(上)
在教程开始之前我们需要了解两个东西
野狗实时数据库数据的读写
jquery.barrager.min.js 弹幕插件
首先,我们了解下野狗这个神奇的东西!
野狗(WildDog) - 国内领先的实时BaaS云服务!通过 SDK,野狗向用户提供
数据存储
和实时通信
服务,帮助用户提升应用开发速度。野狗可以很方便的和用户的系统集成,使用户只需要简单的几行代码,就可以实现 app 到服务端的双向实时通信。如果用户没有自己的后端服务器,也可以将野狗作为一站式的后端服务,无需编写后端代码,也无需租用服务器,就可以快速完成应用开发。
本教程,只需要学会野狗数据库的以下操作即可!
连接数据库
set 操作
pust操作
child_added 事件绑定
一、连接数据库
var ref = new Wilddog("https://
注:appid 从野狗官网获取(https://www.wilddog.com);
小编为了以后操作方便,对连接数据库做了小小的封装!
二、set操作
set ( value , [oncomplete] )
设置一个节点的值。 如果value != null
,当前节点上的数据会被value覆盖,如果中间路径不存在,Wilddog 会自动将中间路径补全。如果value == null
,效果等同于remove操作。
注:野狗数据库的数据存在是一种json格式,所以表面看不出来表结构,但是,我们可以把每一个大的节点看做一个表,比如说User 节点,User节点下可以存储若干个user,比如下面示例
那么我们如何进行set操作呢?
这里我们要注意,set操作会把之前User列表下的所有数据清空!所以我们要是要在当前数据库下追加数据,就需要我们的push操作了!
三、Push操作
push (value , [oncomplete] )
在当前节点下生成一个子节点,并返回子节点的引用。子节点的key利用服务端的当前时间生成,可作为排序使用。结构示意如下:
那么我们怎么实现呢?
四、child_added 事件绑定!
简言之,也就是监听该节点下数据,如果该节点数据有添加,则立刻返回数据,是一个主动事件!
好了,有了这些前期准备,那么我们该如何实现一个弹幕功能甚至一个即时通讯呢?且听下回分解~~